@viprielt24

Куда правильно вставить jQuery код для валидации формы в её обработчике отправки на ajax?

Приветствую!

Подскажите пожалуйста куда правильно вставить jQuery код плагина Validate чтобы у меня заработала валидация формы и её отправка на Ajax?

Есть форма комментариев c ID #myform и 3 полями:
  • Имя (класс .nameField),
  • Email (класс .surnameField),
  • Комментарий (класс .ageField )


Вот мой код обработчика:
jQuery(document).ready(function() {
	jQuery(".button").bind("click", function() {
		
		event.preventDefault();
		
		var name = jQuery('.nameField').val();
		var surname = jQuery('.surnameField').val();
		var age = jQuery('.ageField').val();
        
		jQuery('.nameField').val('');
		jQuery('.surnameField').val('');
		jQuery('.ageField').val('');
		
        jQuery.ajax({
            url: "for_db.php",
            type: "POST",
            data: {name:name, surname:surname, age:age}, // Передаем данные для записи
            dataType: "json",
            success: function(result) {
                if (result){ 
					jQuery('.rows p').remove();
                    jQuery('.rows').append(function(){
						var res = '';
						for(var i = 0; i < result.users.name.length; i++){
							res += '<p class="item-comment col-sm-2"><span class="name-view">' + result.users.name[i] + '</span><span class="email-view">' + result.users.surname[i] + '</span><span class="comment-view">' + result.users.age[i] + '</span></p>';
						}
							return res;
					});
					console.log(result);
                }else{
                    alert(result.message);
                }
				return false;
            }
        });
	return false;
    });
});


Пытаюсь вставить код валидации формы от jQuery-плагина Validate , но в результате данные не отправляются в Базу Данных, а в браузере к URL сайта просто добавляется /#

Вот код валидации, который нужно добавить:

$$("#myform").validate({
  rules: {
    name: "required",
    email: {
      required: true,
      email: true
    }
  },
  messages: {
    name: "Please specify your name",
    email: {
      required: "We need your email address to contact you",
      email: "Your email address must be in the format of name@domain.com"
    }
  }
});


Просьба прислать именно готовый код, а не просто совет.

Заранее спасибо за помощь!
  • Вопрос задан
  • 66 просмотров
Пригласить эксперта
Ответы на вопрос 1
@aftar
В коде валидации лишний символ вначале $
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы