एक HTML फॉर्म पर एंटर कुंजी बनाना बटन

Question

सक्रिय करने के बजाय सबमिट करें मेरे पास एक HTML फॉर्म है जिसमें एक submit इनपुट है, लेकिन विभिन्न button तत्व भी हैं। जब उपयोगकर्ता 'एंटर' कुंजी दबाता है, तो मैं उम्मीद करता हूं कि यह वास्तव में फॉर्म सबमिट करे, लेकिन इसके बजाय (कम से कम क्रोम 15 के भीतर) मुझे लगता है कि यह पहले button को ट्रिगर कर रहा है (क्योंकि इससे पहले एचटीएमएल में होता है submit इनपुट, मुझे लगता है)।

मुझे पता है कि सामान्य रूप में आप एक विशेष submit इनपुट के पक्ष में ब्राउज़रों बाध्य नहीं कर सकता, लेकिन मैं वास्तव में सोचा था कि वे button तत्वों से अधिक submit आदानों एहसान होगा। क्या यह काम करने के लिए एचटीएमएल में एक छोटा सा बदलाव हो सकता है, या क्या मुझे किसी प्रकार का जावास्क्रिप्ट दृष्टिकोण गले लगाने की ज़रूरत है?

<form action="form.php" method="POST"> 
    <input type="text" name="field1"/> 
    <button onclick="return myFunc1()">Button 1</button> 
    <input type="submit" name="go" value="Submit"/> 
</form> 

Answer 1

आप उपयोग कर सकते हैं jQuery:

यहाँ एचटीएमएल का एक मोटा mockup है

$(function() { 
    $("form input").keypress(function (e) { 
     if ((e.which && e.which == 13) || (e.keyCode && e.keyCode == 13)) { 
      $('button[type=submit] .default').click(); 
      return false; 
     } else { 
      return true; 
     } 
    }); 
}); 

Answer 2

इस प्रयास करें, यदि प्रवेश कुंजी दबाने था आप इसे उदाहरण के लिए इस तरह कब्जा कर सकते हैं, मैं विकसित दूसरे दिन html button specify selected का उत्तर दें, देखें कि यह मदद करता है या नहीं।

उदाहरण के लिए फॉर्म नाम निर्दिष्ट करें उदाहरण के लिए yourFormName तो आप फॉर्म पर ध्यान दिए बिना फॉर्म जमा करने में सक्षम होना चाहिए।

document.onkeypress = keyPress; 

function keyPress(e){ 
    var x = e || window.event; 
    var key = (x.keyCode || x.which); 
    if(key == 13 || key == 3){ 
    // myFunc1(); 
    document.yourFormName.submit(); 
    } 
} 

Answer 3

को देखते हुए वहाँ केवल एक ही है (या इस समाधान के साथ संभावित नहीं भी एक) सबमिट बटन, यहाँ jQuery आधारित है समाधान है कि एक ही पृष्ठ पर कई रूपों के लिए काम करेंगे ...

<script type="text/javascript"> 
    $(document).ready(function() { 

     var makeAllFormSubmitOnEnter = function() { 
      $('form input, form select').live('keypress', function (e) { 
       if (e.which && e.which == 13) { 
        $(this).parents('form').submit(); 
        return false; 
       } else { 
        return true; 
       } 
      }); 
     }; 

     makeAllFormSubmitOnEnter(); 
    }); 
</script> 

Answer 4

आपको अपना डिफ़ॉल्ट सबमिट बटन या इनपुट चुनने के लिए जावास्क्रिप्ट की आवश्यकता नहीं है। आपको इसे type="submit" के साथ चिह्नित करने की आवश्यकता है, और अन्य बटन उन्हें type="button" के साथ चिह्नित करते हैं। आपके उदाहरण में:

<button type="button" onclick="return myFunc1()">Button 1</button> 
<input type="submit" name="go" value="Submit"/> 

Answer 5

मैंने इसे क्रोम और फ़ायरफ़ॉक्स और आईई 10 दोनों में एक भंवर दिया है।

जैसा ऊपर बताया गया है - सुनिश्चित करें कि आपने टाइप = "बटन", "रीसेट", "सबमिट" आदि के साथ चिह्नित किया है ताकि यह सुनिश्चित किया जा सके कि यह सही बटन को सही ढंग से कैस्केड और चुनता है।

शायद यह भी उन सभी को स्थापित करने के एक ही रूप (यानी सभी के रूप में यह मेरे लिए काम किया)

Answer 6

मैं सिर्फ इस के साथ एक समस्या मारा है। मेरा गिरावट था बंद से बदल रहा है एक button को input और मैं था एक बुरी तरह से लिखा /> टैग टर्मिनेटर था:

तो मैं था:

<button name="submit_login" type="submit" class="login" />Login</button> 

और बस के लिए यह संशोधन किया है:

<button name="submit_login" type="submit" class="login">Login</button> 

अब एक आकर्षण है, हमेशा कष्टप्रद छोटी बातों ... HTH की तरह काम करता

Answer 7

$("form#submit input").on('keypress',function(event) { 
    event.preventDefault(); 
    if (event.which === 13) { 
    $('button.submit').trigger('click'); 
    } 
});