एक फॉर्म

Question

$ ('चयनकर्ता') के लिए "सबमिट" प्रकार के बजाय "बटन" प्रकार के साथ JQuery सत्यापन। सत्यापन() "बटन" प्रकार से "इनपुट" प्रकार बटन के लिए और अधिक बनाया गया प्रतीत होता है। मैं इसे फॉर्म के भीतर बटन प्रकार के साथ कैसे काम करूंगा?

@using(Html.BeginForm(new {id="TheForm"})) 
{ 
    // code here 
    <input id="TheButton" type="button"> 
} 

JQuery:

$(document).ready(function() { 
     $("#TheForm").validate({ 
      rules: { 
       "AuditDoc.Title": { 
         required: true 
        } 
      } 
     }); 
     $("#TheButton").click(function() { 

     }); 
}); 

इस मूल विचार का उपयोग करना, मैं jQuery सत्यापित करें कि कैसे मिलेगा बल्कि एक प्रकार सबमिट बटन की तुलना में एक बटन के साथ काम? मैंने ऐसे उदाहरण देखे हैं जहां सबमिट प्रकार का उपयोग करते हुए नियमों को पूरा नहीं करते हैं, लेकिन JQuery स्वचालित रूप से त्रुटि संदेश प्रदर्शित करता है, लेकिन यह बटन प्रकार के साथ काम नहीं करता है। मैं किसी भी सलाह की सराहना करता हूँ!

Answer 1

$(document).ready(function() { 
     $("#TheForm").validate({ 
      rules: { 
       "AuditDoc.Title": { 
        required: true 
       } 
      } 
     }); 

     $("#TheButton").click(function() { 
      if (!$("#TheForm").validate()) { // Not Valid 
       return false; 
      } else { 
       $("#TheForm").submit() 
      } 
     }); 

     $('#btnReset').live('click', function (e) { 
      //var $validateObj = $('#formId'); 
      //Or 
      var $validateObj = $(this).parents('form'); 

      $validateObj.find("[data-valmsg-summary=true]").removeClass("validation-summary-errors").addClass("validation-summary-valid").find("ul").empty(); 
      $validateObj.find("[data-valmsg-replace]").removeClass("field-validation-error").addClass("field-validation-valid").empty(); 
     }); 
    }); 

Answer 2

एक hackish तरीका हो सकता है:

$("#TheButton").click(function() { 
    $("#TheForm").submit() 
}); 

Answer 3

यह एक सामान्य इनपुट के साथ बहुत ज्यादा एक ही रूप में यह होगा काम करता है को छोड़कर यह विधि प्रस्तुत समर्थन नहीं करता। preventDefault बस पृष्ठ को इसके डिफ़ॉल्ट अनुरोध करने से रोकता है। ।

$("#TheButton").click(function(event) { 
    event.preventDefault(); //or return false 
    getData(); 
}); 

Answer 4

$(document).ready(function(){ 

    $("#myform").validate(); 
    $("#byuttion").click(function() { 

     if($("#myform").valid()) 
     { 
      $("#myform").submit(); 
     } 
     else 
     { 
      return false; 
     } 

     }); 

});