2011-01-05 102 views
0

當我提交表單時,我需要通過jquery驗證txt字段是否爲空或其他內容。但對於只有一個提交所有其他按鈕之間按鈕,它必須驗證。我現在做以下使用Jquery進行表單驗證

$(document).ready(function(){ 
    /* validate form */ 
    $("#getEstimateId").click(function(e) { 
     alert('get Estimate'); 
    }); 
    $("#get").click(function(e) { 
     alert('get'); 
    }); 
    $("#getEstimateId").click(function() { 
     alert('getting in '); 
     var validator = $("#editDMBasketContentsId").validate({ 
      rules: { 
       "postal": { 
        required:true, 
        number: true, 
        exactlength : 4, 
        digits : true 
       } 
      }, 
      messages: { 
       "postal": { 
        required: "This field is required", 
        number :"Invalid entry please enter numbers only.", 
        exactlength : "Exactly 4 characters must be entered", 
        digits : "Please enter digits only" 
       } 
      }, 
      errorPlacement: function (error, element) { 
       if (element.is(":radio")) 
        error.appendTo(element.parent().next().next()); 
       else if (element.is(":checkbox")) 
        error.appendTo(element.next().next()); 
       else 
        error.appendTo(element.parent().find(".status")); 
      }, 
      submitHandler: function() { 
       document.forms['deliveryEstimate'].submit(); 
      }, 
      success: function (label) { 
       label.html(" ").addClass("checked"); 
      } 
     }); 
    }); 
}); 

這是要在方法內部,當我點擊按鈕,顯示所有的警報,但隨後確認不發生。爲什麼它正在發生這樣

回答

0

前幾行的任何建議都阻止它的驗證,現在整理出來

$(document).ready(function(){ 
    /* validate form */ 
    $("#getEstimateId").click(function() { 
     alert('getting in '); 
     var validator = $("#editDMBasketContentsId").validate({ 
      rules: { 
       "postal": { 
        required:true, 
        number: true, 
        exactlength : 4, 
        digits : true 
       } 
      }, 
      messages: { 
       "postal": { 
        required: "This field is required", 
        number :"Invalid entry please enter numbers only.", 
        exactlength : "Exactly 4 characters must be entered", 
        digits : "Please enter digits only" 
       } 
      }, 
      errorPlacement: function (error, element) { 
       if (element.is(":radio")) 
        error.appendTo(element.parent().next().next()); 
       else if (element.is(":checkbox")) 
        error.appendTo(element.next().next()); 
       else 
        error.appendTo(element.parent().find(".status")); 
      }, 
      submitHandler: function() { 
       document.forms['deliveryEstimate'].submit(); 
      }, 
      success: function (label) { 
       label.html(" ").addClass("checked"); 
      } 
     }); 
    }); 
}); 
+0

編輯您的回覆,並使用{}按鈕的代碼部分格式化 – regilero 2011-01-05 19:09:04