अक्षम सबमिट सबमिट बटन के लिए अविभाज्य सत्यापन सक्षम करें

Question

मेरे पास दो सबमिट बटन हैं, जारी रखें। जब मैं बैक पर क्लिक करता हूं तो क्लाइंट सत्यापन को अक्षम करने के लिए मुझे क्या करना चाहिए। मैं बटन विशेषता के लिए cancel class जोड़ने की कोशिश कर रहा था लेकिन यह सीम मदद नहीं करता है।

यूपीडी। असल में यह cancel class काम कर रहा है। लेकिन अगर आप इसे गतिशील रूप से जोड़ते हैं (जावास्क्रिप्ट द्वारा) यह काम नहीं कर रहा है।

Answer 1

बटन को अपहरण करें जावास्क्रिप्ट का उपयोग करके फ़ॉर्म सबमिशन के लिए क्लिक करें।

यहाँ jQuery के साथ अच्छा उदाहरण है:

$("#MyButton").click(function(e) { 

    //submit your form manually here 
    e.preventDefault(); 
}); 

Answer 2

मैं कुछ बटन के लिए एक ईवेंट हैंडलर, जो उस विशेष फार्म पर सत्यापनकर्ता वस्तु की सेटिंग बदल संलग्न।

$(".jsCancel").click(function (e) { 
    $(e.currentTarget).closest("form").validate().settings.ignore = "*" 
}); 

यह एमवीसी 3 में मेरे लिए एक आकर्षण की तरह काम करता है।

मुझे नहीं पता कि यह आपको विशेष रूप से मदद करता है, लेकिन जब से मैं AJAX फॉर्म का उपयोग करता हूं, तो मुझे एजेक्स सफलता की घटना का उपयोग करके AJAX फ़ॉर्म की सामग्री को प्रतिस्थापित करने के लिए ईवेंट को इन बटनों से जोड़ना पड़ता था। पूर्ण कोड उस रूप reparses और रद्द बटन को घटना देता है:

$(document).ajaxSuccess(function (event, xhr, settings) { 
    var $jQval = $.validator, adapters, data_validation = "unobtrusiveValidation"; 
    $jQval.unobtrusive.parse(document); 
    $(".jsCancel").click(function (e) { 
     $(e.currentTarget).closest("form").validate().settings.ignore = "*" 
    }); 
}); 

Answer 3

यह वास्तव में tugberk से जवाब देने के लिए एक टिप्पणी है, लेकिन टिप्पणी कोड उदाहरणों से पता चलता नहीं है बहुत अच्छी तरह से।

कुछ ब्राउज़र संस्करणों को "preventDefault()" फ़ंक्शन पसंद नहीं है।

//Function to prevent Default Events 
function preventDefaultEvents(e) 
{ 
    if (e.preventDefault) { 
     e.preventDefault(); 
    } else { 
     e.returnValue = false; 
    } 
} 

आप "preventDefault" के स्थान पर इसे कहते इस तरह::

$("#CancelButton").on("click", function(event) { 
    preventDefaultEvents(event); 
    return false; 
}); 

Answer 4

आप उपयोग कर सकते हैं सीएसएस वर्ग "अभी नहीं" इस कई बार ने काट लिया के बाद, मैं एक साधारण उपयोगिता समारोह जोड़ा । पूर्व:

// allow suppresing validation by adding a cancel class to the submit button 
this.find("input, button").filter(".cancel").click(function() { 
    validator.cancelSubmit = true; 
});