验证AJAX的jQuery提交表单

Question

有没有一种方法来验证提交前我的脚本，即收拾东西作为填充字段，我目前使用表达式引擎的插件自由如何插件本身不会有不正确的电子邮件等

任何验证。因此我正在尝试自己创建一个简单的函数。

我收到了一条错误消息，以下

Uncaught TypeError: $(...).validate is not a function 

下面

是我的代码片段。

var form = $('#ajax-contact'); 
var formMessages = $('#form-messages'); 
$(form).submit(function (e) { 
    e.preventDefault(); 
    var formData = $(form).serialize(); 
    // Submit the form using AJAX. 
    $.ajax({ 
     type: 'POST', 
     url: $(form).attr('action'), 
     data: formData 
    }).done(function (response) { 
     if (response.success) { 
      formMessages.removeClass('error').addClass('success').text("Thank you for submitting your details"); 
      $(".form-control").validate({ 
       rules: { 
        name: { 
         ranagelength: [2, 40], 
         required: true 
        }, 
        email: { 
         ranagelength: [2, 40], 
         email: true, 
         required: true 
        }, 
        errorClass: "error", 
        highlight: function (label) { 
         $(label).closest('.form-group').removeClass('has-success').addClass('has-error'); 
        } 
       } 
      }); 
     } else { 
      formMessages.removeClass("success").addClass("error").text("Oops, Please check your details"); 
     } 
    }).fail(function (data) { 
     // Make sure that the formMessages div has the 'error' class. 
     $(formMessages).removeClass('success'); 
     $(formMessages).addClass('error'); 
     // Set the message text. 
     if (data.responseText !== '') { 
      $(formMessages).text(data.responseText); 
     } else { 
      $(formMessages).text('Oops! An error occured and your message could not be sent.'); 
     } 
    }); 
}); 

Answer 1

您可以尝试jQuery验证valid() method.Refer this链接和定义上准备的事件规则，然后只检查像下面。

$(document).ready(function() { 
    $("#formid").validate({ 
     rules: { 
      name: { 
       ranagelength: [2, 40], 
       required: true 
      }, 
      email: { 
       ranagelength: [2, 40], 
       email: true, 
       required: true 
      }, 
      errorClass: "error", 
      highlight: function (label) { 
       $(label).closest('.form-group').removeClass('has-success').addClass('has-error'); 
      } 
     } 
    }); 
}); 

if ($("#formid").valid()) { 
    //form is valid 
} else { 
    //forem is invalid 
}