Senden Sie das Formular auf Enter-Taste mit javascript

Ich bin mir nicht sicher, was mache ich hier falsch. Ich möchte die enter-Taste, um Arbeit als auch auf die Schaltfläche klicken.

<form action="" method="get" class="priceOptionForm" name="priceOptionForm">
<input name="paypal_email" type="text" value="whatever" id="email"></label>
<a href="javascript:void(0);" class="bluebtn" id="profile_price" style="width:60px;margin-top:5px;">Save all</a>
</form>

InformationsquelleAutor der Frage Mauro Golin | 2013-12-10

  1. 26

    Versuchen Sie dies:

    document.getElementById('email').onkeydown = function(e){
   if(e.keyCode == 13){
     //submit
   }
};

    InformationsquelleAutor der Antwort HICURIN

  2. 7

    Bitte verwenden Sie folgende code-snippet...Es sollte Hinzugefügt werden, in Skript-block

    <script>
    document.onkeydown=function(evt){
        var keyCode = evt ? (evt.which ? evt.which : evt.keyCode) : event.keyCode;
        if(keyCode == 13)
        {
            //your function call here
        }
    }
</script>

    InformationsquelleAutor der Antwort Anooj VM

  3. 6

    Alle unterhalb des codes sollte Hinzugefügt werden, in Skript-block oder eine Datei.
    definieren submit-Funktion:

    function submitForm(){
    document.priceOptionForm.submit();
    document.priceOptionForm.method='post';
}

    Für die enter-Taste, um ein Formular Einreichen:

    document.onkeydown=function(){
    if(window.event.keyCode=='13'){
        submitForm();
    }
}

    Für den link zur Arbeit:

    document.getElementById("profile_price").onclick=submitForm;

    Finden Sie in http://jsfiddle.net/honglonglong/YMX2q/ für einige zu versuchen.

    InformationsquelleAutor der Antwort 夏至夕陽

  4. 5

    Verwenden Sie ein <input type="submit"> statt einen link. Dann die enter-Taste funktioniert automatisch.

    InformationsquelleAutor der Antwort sbking

  5. 5

    einfach machen, einen verborgenen Knopf, wie dies

    HTML -

    <input type="submit" id="submitbtn"  />

    CSS

    #submitbtn{display:none;}

    wenn der Benutzer die enter-Taste wird das Formular eingereicht werden

    Vergessen Sie nicht, setzen Sie den type="submit"

    InformationsquelleAutor der Antwort Waqas

  6. 1
    //Process form if use enter key. put script in head.    
document.onkeyup = enter;    
function enter(e) {if (e.which == 13) submitForm();}

//uses keyup not down as better practice imo    
//submitForm() is user function that posts the form

    InformationsquelleAutor der Antwort iGuest

  7. -1

    Oh, das ist, weil die HTML-Formular-element nicht erkennt den link als button zu klicken..
    Sie müssen, um es zu ersetzen mit einem Knopf...

    <input type="submit" value="this will display on your button" onClick="javascript:void(0)">

    aber wenn Sie wollen, dass es aussieht wie ein link, den Sie sollten dies tun in der css -

    <style type="text/css">
input{background-color:white;border:0 none;}
</style>

    InformationsquelleAutor der Antwort Viraj Shah

Schreibe einen Kommentar