Здравствуйте всем! Нужна помощь. Есть скрипт валидации на обязательное поле. Скрипт работает правильно, и в нужном случает выдает ошибку. Но если не вводя текст в это поле, а сразу нажать на кнопку субмит, то кнопка срабатывает и страница перезагружается. Не могу сделать так, чтобы в случае не заполнения или неправильного заполнения поля кнопка не срабатывала. Сам скрипт:
jQuery(function(){
$('.text').val('');
$('#userName').blur(function(){
$('#userName').removeClass();
var nameLngth = $('#userName').val().length;
if(nameLngth <= 1){
$('#userName').addClass('notValid');
$(this).next().text('Введите пожалуйста ваше имя');
} else {
$('#userName').addClass('valid');
$(this).next().text('');
}
});
});
<form name="reg">
<input type="text" value="" name="fi" class="text" id="userName" />
<div class="error"></div>
<input name="submit" class="fbutton" value="Регистрация" title="Регистрация" type="submit">
</form>