बटन पर फॉर्म ऑटो सबमिट करें

Question

मेरे पास एक HTML फॉर्म है जहां मैं कई बटन का उपयोग करता हूं। समस्या यह है कि कोई फर्क नहीं पड़ता कि मैं कौन सा बटन क्लिक करता हूं, बटन सबमिट किया जाएगा भले ही बटन "सबमिट" प्रकार न हो। जैसे बटन जैसे: <button>Click to do something</button>, परिणाम जमा करने के परिणामस्वरूप।

इन बटनों में से प्रत्येक के लिए e.preventDefault() करना बहुत दर्दनाक है।

मैं jQuery और jQuery UI का उपयोग करता हूं और वेबसाइट HTML5 में है।

क्या इस स्वचालित व्यवहार को अक्षम करने का कोई तरीका है?

Answer 1

<button>Click to do something</button>जैसे बटन सबमिट बटन हैं।

इसे बदलने के लिए type="button" सेट करें। type="submit" डिफ़ॉल्ट है (specified by the HTML recommendation के रूप में)।

Answer 2

<button> वास्तव में सबमिट बटन हैं, उनके पास कोई अन्य मुख्य कार्यक्षमता नहीं है। आपको टाइप टू बटन सेट करना होगा।
लेकिन यदि आप नीचे अपना ईवेंट हैंडलर बांधते हैं, तो आप सभी बटनों को लक्षित करते हैं और प्रत्येक बटन के लिए इसे मैन्युअल रूप से करने की ज़रूरत नहीं है!

$('form button').on("click",function(e){ 
    e.preventDefault(); 
}); 

Answer 3

आप जो चाहते हैं उसे करना मुश्किल नहीं है। तुम बस वापसी का उपयोग कर की कोशिश कर सकते झूठी ऐसे ही (हर DOM तत्व की झूठी ओवरराइड डिफ़ॉल्ट व्यवहार वापसी):

myform.onsubmit=function() 
{ 
    //do what you want; 
    return false; 
} 

और फिर myform.submit का उपयोग कर अपने प्रपत्र सबमिट()

या वैकल्पिक रूप से:

mybutton.onclick=function() 
{ 
    //do what you want; 
    return false; 
} 

हालांकि मुझे लगता है कि इनपुट प्रकार = "बटन"/बटन प्रकार = "बटन" आपका फॉर्म सबमिट नहीं करेगा और आप बिना किसी समस्या के उनका उपयोग कर सकते हैं।

Answer 4

आप विशेषता के रूप में इनपुट के लिए सीधे जोड़ना चाहते हैं, इस

onclick="return false;" 

<input id = "btnPlay" type="button" onclick="return false;" value="play" /> 

इस पाएगा प्रपत्र व्यवहार