2016-07-20 46 views
0

我正在使用jquery插件來驗證我的表單。如果條件未滿足驗證,我想阻止用戶提交表單。這裏是一段代碼我在驗證Jquery表單驗證 - 如果出現錯誤,請阻止表單提交

 $(function() { 
     $("#register-form").validate({ 
      rules: { 
       OMNI_FIRSTNAME: { 
        required: true, 
        minlength: 2, 
        maxlength: 50 
       }, 
       OMNI_LASTNAME: { 
        required: true, 
        minlength: 2, 
        maxlength: 50 
       }, 
      messages: { 
       OMNI_FIRSTNAME: "Please enter first name", 
       OMNI_FIRSTNAME: { 
        required: "Please provide firstname", 
        minlength: "Firstname must be at least 2 character long", 
        maxlength: "Firstname reached maximum length of 50 characters long" 
       }, 
       OMNI_LASTNAME: "Please enter last name", 
       OMNI_LASTNAME: { 
        required: "Please provide lastname", 
        minlength: "Lastname must be at least 2 character long", 
        maxlength: "Lastname reached maximum length of 50 characters long" 
       }, 
      submitHandler: function(form) { 
       form.submit(); 
      } 
     }); 
     }); 

每當條件不滿足上面的代碼輸出消息到我的形式使用。我的表單$('#register-form')中有一個提交按鈕,用於發佈從輸入字段(OMNI_FIRSTNAME,OMNI_LASTNAME)輸入的數據。我將如何將這兩個流程整合爲一體?目前,我仍然可以發佈不符合我的jQuery驗證的數據。

+1

嘗試增加'form.preventDefault()的變化;'頂部內側'submitHandler:函數(形式){...}' –

+0

讓我知道它的工作爲你或不@Joey –

+0

@ShrikantMavlankar你真了不起。謝謝 – Joey

回答

2

製作按照您的jQuery代碼

submitHandler: function(form) { 

    form.preventDefault(); 
    form.submit(); 
}