दिलचस्प पोस्ट
कोई मेल नहीं खाता – ईस्टस्ट्रीम ओपन () जावास्क्रिप्ट में एक चर नाम के रूप में स्ट्रिंग का उपयोग कैसे करें? लिनक्स पर एक सेवा के रूप में जावा अनुप्रयोग चलाएं कोड के साथ git कॉन्फ़िगरेशन वितरित करना ActionBar पर वापस बटन को कस्टमाइज़ करने का तरीका मैं पर्ल मॉड्यूल के एक विशिष्ट संस्करण को कैसे स्थापित कर सकता हूं? Express.Router और app.get के बीच अंतर? 'मेरी कुंजी' कुंजी को देखें 'डेटा' सिस्टम 'स्ट्रिंग' का है, लेकिन 'IEnumerable <SelectListItem>' प्रकार का होना चाहिए ViewData आइटम फ़ायरवॉल के पीछे HTTPS पर GitHub तक पहुंचने का प्रयास करते हुए SSL प्रमाणपत्र अस्वीकार कर दिया गया कैसे ट्रिगर में स्ट्रिंग को जोड़ना File_get_contents का उपयोग करके एक फ़ाइल अपलोड करें आईफ़ोन डेटा उपयोग ट्रैकिंग / मॉनिटरिंग विवरण में 'जीआईटी मर्ज' कैसे काम करता है? आर बारप्लोट में सभी एक्स लेबल कैसे प्रदर्शित करें? ptr-> नमस्ते (); / * VERSUS * / (* ptr) .hello ();

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

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

<button>My Button</button> 

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

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

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

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

Solutions Collecting From Web of "एचटीएमएल बटन फार्म सबमिट नहीं करने के लिए"

मुझे लगता है कि यह 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 इस तरह से, आप कुंजीपटल समर्थन के संदर्भ में किसी ब्राउज़र पर एक फॉर्म से निपटने में बेहतर उपयोगकर्ता अनुभव से लाभ उठा सकते हैं।