入力キーでフォームを送信する/送信ボタン

Question

私はデータベース検索を行うために、単一の入力フィールドを持つjquerymobileページを作りました。入力は、最後にEnterを押すバーコードリーダーによって行われています。私は、送信ボタンを隠し、入力キーでフォームを提出したいと思います。

Iveは他のスレッドで読み込まれたコードと断片を試してみましたが、役に立たなかった。それはJavaScriptになると私はダンス。その上に

<script type="text/javascript" language="JavaScript"> 
    $(document).ready(function() { 
     $('#submit').hide(); 
    }); 
$('.noEnterSubmit').keypress(function(e){ 
    if (e.which == 13) 
    $('form#search').submit(); 
    e.preventDefault(); 
    return false; 
}); 
</script> 

（iOSデバイス上で使用すると、フォーカスのonloadを強制カントので）私が押されたときに、入力フィールドに焦点を当ててボタンを持っている

<form action="#CGI.SCRIPNAME#" method="post" name="search"> 
<label for="season_pass_id">Season Pass ID</label> 
<input class="noEnterSubmit" type="password" name="season_pass_id"> 
<input id="submit" type="submit" name="submit" value="submit" > 
<input type="button" name="mybutton" value="Scan New" OnClick="document.search.season_pass_id.focus();"> 
</form> 

最終的に私は、入力フィールドを非表示にするのが大好きですボタンを提出し、唯一

Answer 1

がdocument.readyハンドラにあなたのキー押下コードを移動してみてください「スキャン新規」ボタンを持っています。私はあなたがイベントを添付しているときにDOM要素が読み込まれていないと思われます。

$(document).ready(function() { 
    $('#submit').hide(); 
    $('.noEnterSubmit').keypress(function(e){ 
     e.preventDefault(); 
     if (e.which == 13) 
     $('form#search').submit();  
    }); 
});