驗證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 
}