テキストボックスにEnterキーを入力してください

Question

テキストボックスのときに入力キーにフォームを送信します。 これは私のHTMLコードです：

<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> 

これは、私はjqueryのにしようとしたコードです：

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

これは、HTMLがこの仕事をしない、ページの読み込み

<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> 

後にレンダリングされたものです私に出てください。誰かがこれについて私に示唆することができますか？

Answer 1

代わりのID名$("#Locationtxt").keyup(function (event)を与え、私は要素名$("input").keyup(function (event)を与えました。

これは私の問題を解決しました。

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

Answer 2

文書の準備ができたらコードを追加しようとしましたか？

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

Answer 3

これを試してください。

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