在ajax post上使用jQuery Form Validator驗證表單（）

我使用表單驗證程序plugin來驗證我的表單。在ajax post上使用jQuery Form Validator驗證表單（）

如果我沒有使用jQuery post方法提交數據，它工作正常。關於使用jQuery發佈，它沒有驗證提交時的表單。

我的代碼是

<form action="UpdatedProfile" method="post" name="updateprofile" id="UpdatedProfile" class="form-horizontal"> 
<div class=" form-group "> 
      <div class="col-lg-2"> 
       <label>First Name</label> 
      </div> 
      <div class="col-lg-4"> 
       <input type="text" name="fname" cssClass="form-control" data-validation="required" data-validation-error-msg="First Name is required"/> 
     </div> 
    </div> 
    </form> 

<script> 
      $(document).ready(function() { 
       $.validate(); 
       $(document).on('click', '#submit', function (event) { 
        event.preventDefault(); 
        console.log($('#UpdatedBasicProfile').serialize()); 
        $.post("Updated", $('#UpdatedProfile').serialize(), function (data) 
        {....}); 
      }); 
     }); 
    </script>

如何實現這一目標？

來源

2016-07-27 xrcwrn

我認爲你與validate（）和valid（）混淆。 [有效與驗證]（http://stackoverflow.com/questions/17404188/valid-vs-validate） –

投入的形式提交按鈕，這樣定義

$('#frm_registration').validate({ 
    rules: 
    { 
     fname: required 
    }, 
    messages: 
    { 
     fname : 'Please enter name' 
    } 
});

在JS驗證規則，或者如果按鈕類型的按鈕，然後開始對其點擊喜歡驗證：

$('#btn').click(function(){ 
    $('#frm_registration').valid();  // will initiate the validation 
})

來源

2016-07-27 05:40:25

如果驗證器在點擊提交按鈕時正在工作，您可以在按鈕上觸發單擊事件，而不是在文檔中聽取任何點擊，並且目標是給定按鈕。

來源

2016-07-27 05:42:40

在ajax post上使用jQuery Form Validator驗證表單（）

回答

相關問題