दिलचस्प पोस्ट
सी #: एचटीएमएफ़िलिटीपैक इनर टेक्स्ट को निकालता है बहु चयनित सूची दृश्य से चयनित आइटम कैसे प्राप्त करें फास्ट क्रॉस-प्लेटफार्म सी / सी ++ इमेज प्रोसेसिंग लायब्रेरीज़ गतिशील रूप से भरी हुई जावास्क्रिप्ट उतार सकते हैं? TypeError: डेटा की तीव्रता से फिट करने की कोशिश करते समय केवल लंबाई -1 एरे को पायथन स्केलर में कनवर्ट किया जा सकता है ObjectAnimator एनीमेट रैखिक लंबाई चौड़ाई स्पार्क डेटाफ़्रेम से नेस्टेड कॉलम को छोड़ना एक स्ट्रिंग में एक विशिष्ट स्थान पर एक वर्ण डालें स्वचालित परिप्रेक्ष्य सुधार OpenCV डबल-अंडरस्कोर के साथ पायथन विधि नाम ओवरराइड किया गया है? रिएक्टजेएस में एसवीजी को एम्बेड करना PHP के साथ यूआरएल पैरामीटर को बंद करें विंडोज़ 8.1 पर lxml, libxml2, libxslt इंस्टॉल करना क्या मैं गिट में हटाने के बाद एक शाखा पुनः प्राप्त कर सकता हूं? ब्लॉक बनाम ब्रैकेट्स का उपयोग करना {}

फॉर्म को सबमिट करने से अक्षम करें सबमिट करें

मैंने इस कोड को क्लिक करने के बाद अपनी वेबसाइट पर बटन सबमिट करने को अक्षम करने के लिए लिखा था:

$('input[type=submit]').click(function(){ $(this).attr('disabled', 'disabled'); }); 

दुर्भाग्य से, यह फ़ॉर्म नहीं भेजता है। मैं इसे कैसे ठीक करूं?

संपादित करें मैं सबमिट को बाँधना चाहता हूं, न कि फ़ॉर्म 🙂

Solutions Collecting From Web of "फॉर्म को सबमिट करने से अक्षम करें सबमिट करें"

इसे onSubmit() :

 $('form#id').submit(function(){ $(this).find(':input[type=submit]').prop('disabled', true); }); 

क्या हो रहा है, इससे पहले कि आप वास्तव में सबमिट ईवेंट को ट्रिगर करने से पहले बटन को पूरी तरह से अक्षम कर रहे हैं

आपको आईडी या क्लासेस के साथ अपने तत्वों के नाम के बारे में भी सोचना चाहिए, ताकि आप पृष्ठ पर प्रकार जमा करने के सभी इनपुट का चयन न करें।

प्रदर्शन: http://jsfiddle.net/userdude/2hgnZ/

(ध्यान दें, मैं preventDefault() उपयोग करता हूं और return false करता हूं, इस फॉर्म को वास्तव में उदाहरण में सबमिट नहीं किया जाता है; इसे अपने प्रयोग में छोड़ दें।)

विशेष रूप से अगर कोई क्रोम में समस्या का सामना कर रहा है

इसे ठीक करने के लिए आपको क्या करने की ज़रूरत है, वह निष्क्रिय करने के लिए सबमिट बटन सेट करने के लिए तत्व में इनसमिट टैग का उपयोग करना है। यह क्रोम दबाए जाने के तुरंत बाद बटन को अक्षम करने की अनुमति देगा और फ़ॉर्म सबमिशन अभी भी आगे बढ़ेगा ….

जैसे

 <form name ="myform" method="POST" action="dosomething.php" onSubmit="document.getElementById('submit').disabled=true;"> <input type="submit" name="submit" value="Submit" id="submit"> </form> 

अक्षम नियंत्रण अपने मूल्यों को जमा नहीं करते हैं जो उपयोगकर्ता को सहेजने या हटाए जाने पर क्लिक करने में सहायता नहीं करता है।

इसलिए मैं बटन मान को छुपा में संग्रहीत करता हूं जो सबमिट हो जाता है। छुपा का नाम बटन नाम के समान है। मैं बटन के नाम से अपने सभी बटन कॉल करता हूं

उदाहरण <button type="submit" name="button" value="save">Save</button>

इस पर आधारित मैं यहां पाया बस एक चर में क्लिक किए गए बटन को स्टोर करें

 $(document).ready(function(){ var submitButton$; $(document).on('click', ":submit", function (e) { // you may choose to remove disabled from all buttons first here. submitButton$ = $(this); }); $(document).on('submit', "form", function(e) { var form$ = $(this); var hiddenButton$ = $('#button', form$); if (IsNull(hiddenButton$)) { // add the hidden to the form as needed hiddenButton$ = $('<input>') .attr({ type: 'hidden', id: 'button', name: 'button' }) .appendTo(form$); } hiddenButton$.attr('value', submitButton$.attr('value')); submitButton$.attr("disabled", "disabled"); } }); 

यहां मेरा IsNull फंक्शन है IsNull IsNull या अपरिभाषित आदि के लिए अपने स्वयं के संस्करण का उपयोग करें या बदले।

 function IsNull(obj) { var is; if (obj instanceof jQuery) is = obj.length <= 0; else is = obj === null || typeof obj === 'undefined' || obj == ""; return is; } 

इसे आपके ऐप में ख्याल रखना चाहिए।

 $(":submit").closest("form").submit(function(){ $(':submit').attr('disabled', 'disabled'); }); 

सरल और प्रभावी समाधान है

 <form ... onsubmit="myButton.disabled = true; return true;"> ... <input type="submit" name="myButton" value="Submit"> </form> 

स्रोत: यहां

जैसा कि पहले कहा गया है, यदि आप सबमिट बटन पर अक्षम विशेषता जोड़ते हैं, तो डेटा नहीं भेजा जाएगा।

@ वीलामा से काम करता है, लेकिन मुझे एक ऐसा हल मिल गया जो कार्यान्वयन करना बहुत आसान है:

 $('#yourform').submit(function(){ $('#mySubmitButton').addClass('disabled'); }); 

और आप अक्षम वर्ग को उस सीएसएस में परिभाषित करते हैं जैसे:

 .disabled{ cursor:not-allowed; } 

यह अक्षम = "अक्षम" के समान होगा, लेकिन भेजे गए डेटा के परिणामों के बिना।

सबमिट बटन अक्षम कैसे करें

सिर्फ ऑनक्लिक ईवेंट पर एक फ़ंक्शन बुलाओ और … सबमिट सबमिट करने के लिए और गलत सबमिट करने के लिए सही करें। या खिड़की पर किसी समारोह को कॉल करें। जैसे डाउनलोड करें:

 window.onload = init(); 

और init () में ऐसा कुछ करें:

 var theForm = document.getElementById('theForm'); theForm.onsubmit = // what ever you want to do 

आपका कोड वास्तव में एफएफ पर काम करता है, यह क्रोम पर काम नहीं करता है

यह एफएफ और क्रोम पर काम करता है

 $(document).ready(function() { // Solution for disabling the submit temporarily for all the submit buttons. // Avoids double form submit. // Doing it directly on the submit click made the form not to submit in Chrome. // This works in FF and Chrome. $('form').on('submit', function(e){ //console.log('submit2', e, $(this).find('[clicked=true]')); var submit = $(this).find('[clicked=true]')[0]; if (!submit.hasAttribute('disabled')) { submit.setAttribute('disabled', true); setTimeout(function(){ submit.removeAttribute('disabled'); }, 1000); } submit.removeAttribute('clicked'); e.preventDefault(); }); $('[type=submit]').on('click touchstart', function(){ this.setAttribute('clicked', true); }); }); </script>