Absenden am Eingabetaste in Textfeld

Question

Ich möchte mein Formular auf die Eingabetaste senden, wenn es Textfeld ist. Das ist mein HTML-Code:

<form class="locationform" id="locationform" method="get"> 
    <fieldset class="col-md-12 center" id="Searchform"> 
    <h4><b>Job Search</b></h4> 
    <div> 
     <label for="Locationtxt" style="padding-right:5px"><b>Location:</b></label> 
     <input id="Locationtxt" name="name" type="text" placeholder="Zip Code or City, State" runat="server" required> 
     <asp:Button CssClass="BtnSubmit" ID="BtnSubmit" runat="server" Text="Submit" OnClick="BtnSubmit_Click" /> 
    </div> 
    </fieldset> 
</form> 

Dies ist der Code, den ich in JQuery versucht:

$("#Locationtxt").keyup(function (event) { 
    if (event.keyCode == 13) { 
     $("#BtnSubmit").click(); 
    } 
}); 

Dies ist, was html nach Laden der Seite gerendert

<form class="locationform" id="locationform" method="get"> 
    <fieldset class="col-md-12 center" id="Searchform"> 
    <h4><b>Store Job Search</b></h4> 
    <div> 
     <label for="Locationtxt" style="padding-right:5px"><b>Location:</b></label> 
     <input name="dnn$ctr2781$View$Locationtxt" type="text" id="dnn_ctr2781_View_Locationtxt" placeholder="Zip Code or City, State" required="" /> 
     <input type="submit" name="dnn$ctr2781$View$BtnSubmit" value="Submit" id="dnn_ctr2781_View_BtnSubmit" class="BtnSubmit" style="color:White;background-color:Black;font-weight:bold;" /> 
    </div> 
    </fieldset> 
</form> 
<div id="dnn_ctr2781_View_storedetails"></div> 
<script> 
    function LoadMap(obj) { 
     var fsid = obj; 
     $('#Iframe_' + fsid).attr('src', $('#hdn_' + fsid).attr('value')); 
    } 
    $(document).ready(function() { 
     $("input").keyup(function (event) { 
      if (event.keyCode == 13) { 
       $("[id$='BtnSubmit']").click(); 
      } 
     }); 
    }); 

</script> 

Dies gilt nicht gearbeitet heraus zu mir. Kann mir jemand dazu vorschlagen?

Answer 1

Stattdessen ID Name $("#Locationtxt").keyup(function (event) des Gebens gab ich Elementname $("input").keyup(function (event).

Das löste mein Problem.

$(document).ready(function() { 
     $("input").keyup(function (event) { 
      if (event.keyCode == 13) { 
       $("[id$='BtnSubmit']").click(); 
      } 
     }); 
    }); 

Answer 2

Haben Sie versucht, Ihren Code hinzuzufügen, wenn das Dokument fertig ist?

$(document).ready(function() { 
    $("#Locationtxt").keyup(function (event) { 
    if (event.keyCode == 13) { 
     $("#BtnSubmit").click(); 
    } 
    }); 
}); 

Answer 3

Versuchen Sie es.

$("#Locationtxt").keyup(function (event) { 
    if (event.keyCode == 13) { 
    $("#locationform").submit(); 
    } 
});