फ़ॉर्म टैग के अंदर बटन टैग के "सबमिट" व्यवहार को ओवरराइड (अक्षम) कैसे करें?

Question

<form action=""> 
    <button>click</button> 
</form>` 

किसी फ़ॉर्म के अंदर बटन का डिफ़ॉल्ट व्यवहार उस फ़ॉर्म को सबमिट करना है।

मैं उस बटन के सबमिट व्यवहार को कैसे अक्षम कर सकता हूं?

Answer 1

यह करने के लिए एक type="button" जोड़ें:

<button type="button">Click</button> 

---

प्रकार availabe हैं:

• "submit": डिफ़ॉल्ट मूल्य। फॉर्म सबमिट करता है।
• "रीसेट": फ़ॉर्म के इनपुट रीसेट करता है।
• "बटन": कुछ भी नहीं करता है।

एक अच्छा संदर्भ: https://developer.mozilla.org/en/DOM/HTMLButtonElement

Answer 2

यह जावास्क्रिप्ट के माध्यम से

<button onclick='return false'>click</button> 

को निष्क्रिय कर देगा लेकिन तुम सिर्फ प्रकार

<button type='button'>click</button> 

Answer 3

अवसरों जहां आप रखना चाहते हैं कर रहे हैं परिभाषित कर सकते हैं submit बटन की नब्बे (उदाहरण के लिए, मोबाइल डिवाइस पर, जहां submit बटन कीबोर्ड से ट्रिगर किया जा सकता है, लेकिन केवल अगर बटन फॉर्म का हिस्सा है और submit टाइप करें)। इस मामले में आपको क्या करना है बटन की डिफ़ॉल्ट कार्रवाई को रोकना है।

1.7+ jQuery का उपयोग करना

$(document).on("click", "button", "event", function(evt) { 
    evt.preventDefault(); 
    ... 
} 

jQuery के पुराने संस्करणों का उपयोग करना (.on का उपयोग कर - - मैं अत्यधिक प्रलेखन पढ़ने की सलाह वहाँ .on का उपयोग कर के लिए कई बारीकियों कि बेहद प्रदर्शन को प्रभावित कर सकते हैं) ...

$("#button-id").bind("click", function(evt, ui) { 
    evt.preventDefault(); 
    ... 
} 

ध्यान दें कि आप किसी भी चयनकर्ता (कक्षा, तत्व प्रकार आदि द्वारा चयन) या घटना के लिए बाध्यकारी विधि (.bind के बजाय, .live, .delegate का उपयोग एपी के रूप में कर सकते हैं jquery के अपने संस्करण के लिए मालिकाना।