दिलचस्प पोस्ट
POST और GET के बीच अंतर क्या है? रूबी पर रेल में मेरे JSON आउटपुट को मैं कैसे "सुंदर" प्रारूप में कर सकता हूं? स्ट्रिंग से संख्याओं को निकालने के लिए और ints की एक सरणी कैसे प्राप्त करें? _GET में URL पैरामीटर का अधिकतम आकार स्विफ्ट में @selector () jQuery अपलोड प्रगति और AJAX फ़ाइल अपलोड करें कैसे एक छवि को आधार64 एन्कोडिंग में बदलने के लिए? पायथन के साथ पायथन उपप्रोसेस कमांड पायथन MySQL पैरामीटरित प्रश्न सी ++, __ट्र्री और कोशिश / पकड़ / अंत में स्थिर सदस्य के लिए अनिर्धारित संदर्भ का क्या अर्थ है? सीए ++ में एक अंतर और एक लंबे समय के बीच अंतर क्या है? जब आप thread.start () के बजाय java के thread.run () को कॉल करेंगे? एक सदिश की सामग्री कैसे मुद्रित करें? एनएसडीटे वर्ष / महीना / दिन प्राप्त करें

फार्म जमा रोकने के लिए जावास्क्रिप्ट कोड

फ़ॉर्म सबमिशन को रोकने का एक तरीका आपके जावास्क्रिप्ट फ़ंक्शन से गलत वापसी करना है।

जब सबमिट बटन क्लिक किया जाता है, तो एक मान्यता फ़ंक्शन कहलाता है। मेरे पास फार्म सत्यापन में एक मामला है। अगर यह स्थिति पूरी हो गई है तो मैं रिटर्न टू प्रीपरिवेज पेज () नामक फ़ंक्शन बुलाता हूं ;

function returnToPreviousPage() { window.history.back(); } 

मैं जावास्क्रिप्ट और डोजो टूलकिट का उपयोग कर रहा हूं

पिछले पृष्ठ पर वापस जाने के बजाय, यह फ़ॉर्म सबमिट करता है मैं यह सबमिशन कैसे रद्द कर सकता हूं और पिछले पृष्ठ पर वापस लौट सकता हूं?

वेब के समाधान से एकत्रित समाधान "फार्म जमा रोकने के लिए जावास्क्रिप्ट कोड"

आप फ़ॉर्म सबमिशन को रोकने के लिए फ़ंक्शन के रिटर्न वेल्यू का उपयोग कर सकते हैं

 <form name="myForm" onsubmit="return validateMyForm();"> 

और जैसे समारोह

 <script type="text/javascript"> function validateMyForm() { if(check if your conditions are not satisfying) { alert("validation failed false"); returnToPreviousPage(); return false; } alert("validations passed"); return true; } </script> 

क्रोम 27.0.1453.116 मीटर के मामले में ऊपर कोड काम नहीं करता है, तो कृपया काम करने के लिए ईवेंट हैंडलर के पैरामीटर का रिटर्न वैल्यू फ़ील्ड को गलत पर सेट करें ।

जानकारी साझा करने के लिए धन्यवाद सैम

संपादित करें:

विक्रम के लिए उनके कामकाज के लिए धन्यवाद यदि मान्य है MyForm () गलत देता है:

  <form onsubmit="event.preventDefault(); validateMyForm();"> 

जहां मान्य MyForm () एक ऐसा फ़ंक्शन होता है जो मान्यता विफल होने पर झूठी देता है। प्रमुख बिंदु नाम की घटना का उपयोग करना है हम उदाहरण के लिए उपयोग नहीं कर सकते egepreventDefault ()

डिफ़ॉल्ट को रोकने का उपयोग करें

डोजो टूलकिट

 dojo.connect(form, "onsubmit", function(evt) { evt.preventDefault(); window.history.back(); }); 

jQuery

 $('#form').submit(function (evt) { evt.preventDefault(); window.history.back(); }); 

वेनिला जावास्क्रिप्ट

 if (element.addEventListener) { element.addEventListener("submit", function(evt) { evt.preventDefault(); window.history.back(); }, true); } else { element.attachEvent('onsubmit', function(evt){ evt.preventDefault(); window.history.back(); }); } 

अब के रूप में निम्नलिखित कार्य (क्रोम और फ़ायरफ़ॉक्स में परीक्षण):

 <form onsubmit="event.preventDefault(); validateMyForm();"> 

जहां मान्य MyForm () एक ऐसा फ़ंक्शन होता है जो मान्यता विफल होने पर false देता है। प्रमुख बिंदु नाम की event का उपयोग करना है हम उदाहरण के लिए उपयोग नहीं कर सकते हैं जैसे e.preventDefault()

बस सबमिट बटन के बजाय एक साधारण button उपयोग करें और फ़ॉर्म सबमिट करने के लिए जावास्क्रिप्ट फ़ंक्शन को कॉल करें:

 <input type="button" name="submit" value="submit" onclick="submit_form();"/> 

एक script टैग के भीतर फ़ंक्शन:

 function submit_form() { if (conditions) { document.forms['myform'].submit(); } else { returnToPreviousPage(); } } 

आप window.history.forward(-1); भी कोशिश कर सकते हैं window.history.forward(-1);

आपके सभी उत्तर के साथ काम करने के लिए कुछ दिया

आखिरकार, यह मेरे लिए काम करता है: (यदि आप कम से कम एक चेकबॉक्स आइटम नहीं चुनते हैं, तो वह चेतावनी देता है और उसी पृष्ठ पर रहता है)

 <!DOCTYPE html> <html> <head> </head> <body> <form name="helloForm" action="HelloWorld" method="GET" onsubmit="valthisform();"> <br> <br><b> MY LIKES </b> <br> First Name: <input type="text" name="first_name" required> <br /> Last Name: <input type="text" name="last_name" required /> <br> <input type="radio" name="modifyValues" value="uppercase" required="required">Convert to uppercase <br> <input type="radio" name="modifyValues" value="lowercase" required="required">Convert to lowercase <br> <input type="radio" name="modifyValues" value="asis" required="required" checked="checked">Do not convert <br> <br> <input type="checkbox" name="c1" value="maths" /> Maths <input type="checkbox" name="c1" value="physics" /> Physics <input type="checkbox" name="c1" value="chemistry" /> Chemistry <br> <button onclick="submit">Submit</button> <!-- input type="submit" value="submit" / --> <script> <!--- function valthisform() { var checkboxs=document.getElementsByName("c1"); var okay=false; for(var i=0,l=checkboxs.length;i<l;i++) { if(checkboxs[i].checked) { okay=true; break; } } if (!okay) { alert("Please check a checkbox"); event.preventDefault(); } else { } } --> </script> </form> </body> </html> 

एक आसान काम करने के लिए बहुत सारे कठिन तरीके हैं:

 <form name="foo" onsubmit="return false"> 

चलो कहना है कि आपके पास इसके जैसा एक रूप है

 <form action="membersDeleteAllData.html" method="post"> <button type="submit" id="btnLoad" onclick="confirmAction(event);">ERASE ALL DATA</button> </form> 

पुष्टि एक्शन फ़ंक्शन के लिए यहां जावास्क्रिप्ट है

 <script type="text/javascript"> function confirmAction(e) { var confirmation = confirm("Are you sure about this ?") ; if (!confirmation) { e.preventDefault() ; returnToPreviousPage(); } return confirmation ; } </script> 

यह फ़ायरफ़ॉक्स, क्रोम, इंटरनेट एक्सप्लोरर (किनारे), सफारी इत्यादि पर काम करता है।

अगर ऐसा नहीं है तो मुझे बताएं

हेमंत और विक्रम के जवाब क्रोम में मेरे लिए पूरी तरह काम नहीं करते Event.preventDefault (); स्क्रिप्ट ने पृष्ठ को सत्यापन से गुजरने या विफल करने की परवाह किए बिना सबमिट करने से रोक दिया। इसके बजाय, मुझे घटना को स्थानांतरित करना पड़ा था। PreventDefault (); अगर इस तरह के बयान में होता है:

  if(check if your conditions are not satisfying) { event.preventDefault(); alert("validation failed false"); returnToPreviousPage(); return false; } alert("validations passed"); return true; } 

मुझे सही रास्ते पर रखने के लिए हेमंत और विक्रम के लिए धन्यवाद।

यदि आप फॉर्म पर बटन सबमिट करते हैं, तो इसके प्रसार को रोकने के लिए केवल घटना लिखें। प्रीमियर डीफॉल्ट (); सबमिट बटन पर क्लिक करने या बटन को दर्ज करने के लिए कहा जाने वाला फ़ंक्शन

बस निम्नलिखित कोड का उपयोग करें यह ठीक काम करेगा

 <form onsubmit="return false;" >