दिलचस्प पोस्ट
टेक्स्ट यूआरएल को कैसे बदलें और एचटीएमएल टैग्स में यूआरएल को बाहर कैसे करें? शुद्ध सीएसएस आधारित ड्रॉपडाउन मेनू कैसे बनाऊँ? मैं बाश स्क्रिप्ट में एक फ़ाइल में हेरडॉक कैसे लिख सकता / सकती हूं? स्विफ्ट में दृश्य नियंत्रकों और अन्य ऑब्जेक्ट्स के बीच डेटा कैसे साझा करते हैं? केएसओएपी 2 एचटीटीपीएस के साथ एंड्रॉइड डिवाइस परिवर्तन (जोड़ें / निकालें) ईवेंट की जांच करें क्या एक ORM का उपयोग करने के लिए अच्छे कारण हैं? N + 1 का चयन करें प्रश्न समस्या क्या है? अजगर में अयोग्य अपवाद लॉगिंग प्रश्न चिह्न, स्टार और प्लस के बजाय स्पष्ट रूप से क्रमांकित पुनरावृत्ति का उपयोग करना विन्यास स्थान से कॉन्फ़िग लोड करने के लिए कॉन्फ़िगरेशन प्रबंधक का उपयोग करना क्या dereferencing चर के लिए एक बंद है उपयोगी? Asp.net mvc में एक सामान्य नियंत्रक बनाने के लिए संभव है? मैं जावास्क्रिप्ट के साथ कैसे पुनर्निर्देशित करूं? GOPATH और GOROOT के मूल्य क्या होना चाहिए?

एचटीएमएल बटन फार्म सबमिट नहीं करने के लिए

मेरे पास एक फॉर्म है उस रूप के बाहर, मेरे पास एक बटन है। एक साधारण बटन, इस तरह:

<button>My Button</button> 

फिर भी, जब मैं इसे क्लिक करता हूं, तो वह फॉर्म सबमिट करता है यहां कोड है:

 <form id="myform"> <input /> </form> <button>My Button</button> 

यह सब बटन कुछ जावास्क्रिप्ट करना चाहिए। लेकिन जब भी ऊपर कोड के समान दिखता है, तब भी वह फॉर्म सबमिट करता है। जब मैं टैग करने के लिए टैग बटन बदलता हूँ, यह पूरी तरह से काम करता है। लेकिन दुर्भाग्य से, यह एक बटन होना चाहिए। क्या उस बटन को फ़ॉर्म सबमिट करने से रोकने का कोई तरीका है? जैसे जैसे

 <button onclick="document.getElementById('myform').doNotSubmit();">My Button</button> 

वेब के समाधान से एकत्रित समाधान "एचटीएमएल बटन फार्म सबमिट नहीं करने के लिए"

मुझे लगता है कि यह HTML का सबसे कष्टप्रद थोड़ा ख़ासियत है … उस बटन को "बटन" प्रकार की आवश्यकता नहीं है ताकि वह सबमिट न करें।

 <button type="button">My Button</button> 

return false; onclick हैंडलर के अंत में काम करेंगे हालांकि, बस <button> type="button" को जोड़ना बेहतर होगा – इस तरह यह बिना किसी जावास्क्रिप्ट के भी ठीक से बर्ताव करता है।

डेव मार्कले सही है। W3School की वेबसाइट से :

हमेशा बटन के लिए प्रकार विशेषता निर्दिष्ट करें इंटरनेट एक्सप्लोरर का डिफ़ॉल्ट प्रकार "बटन" है, जबकि अन्य ब्राउज़र्स (और डब्लू 3 सी विनिर्देशन में) यह "सबमिट" है।

दूसरे शब्दों में, जिस ब्राउज़र का आप उपयोग कर रहे हैं वह डब्ल्यू 3 सी के विनिर्देशों का अनुसरण कर रहा है।

डिफ़ॉल्ट रूप से, HTML बटन एक फॉर्म सबमिट करते हैं।

यह इस तथ्य के कारण है कि फॉर्म के बाहर स्थित बटन भी प्रस्तुतकर्ता के रूप में कार्य करते हैं (देखें W3Schools वेबसाइट: http://www.w3schools.com/tags/att_button_form.asp )

दूसरे शब्दों में, बटन प्रकार डिफ़ॉल्ट रूप से "सबमिट" है

 <button type="submit">Button Text</button> 

इसलिए इस के चारों ओर जाने का एक आसान तरीका बटन प्रकार का उपयोग करना है।

 <button type="button">Button Text</button> 

अन्य विकल्पों में शामिल है जब onclick या किसी अन्य हैंडलर के अंत में बटन को क्लिक किया जाता है या इसके बजाय एक <input> टैग का उपयोग करने के लिए झूठी वापसी करना शामिल है

अधिक जानने के लिए, बटन पर मोज़िला डेवलपर नेटवर्क की जानकारी देखें : https://developer.mozilla.org/en/docs/Web/HTML/Element/button

यह सुझाव है कि <Button> टैग का उपयोग न करें इसके बजाय <Input type='Button' onclick='return false;'> टैग का उपयोग करें ("वापसी झूठे" का प्रयोग करना वास्तव में फॉर्म नहीं भेजना चाहिए।)

कुछ संदर्भ सामग्री

पहुंच के कारण के लिए, मैं इसे एकाधिक type=submit बटन के साथ नहीं खींच सकता कई बटनों के साथ एक form साथ मूल रूप से काम करने का एकमात्र तरीका है, लेकिन Enter कुंजी को मारते समय केवल एक फॉर्म सबमिट कर सकता है यह सुनिश्चित करने के लिए कि उनमें से एक केवल type=submit जबकि अन्य प्रकार दूसरे प्रकार जैसे- type=button इस तरह से, आप कुंजीपटल समर्थन के संदर्भ में किसी ब्राउज़र पर एक फॉर्म से निपटने में बेहतर उपयोगकर्ता अनुभव से लाभ उठा सकते हैं।