使用输入键/隐藏提交按钮提交表单

Question

我正在制作一个带有单个输入字段的小型 jquerymobile 页面来进行数据库搜索。输入是由条形码阅读器完成的，该阅读器最后按 Enter。我想隐藏提交按钮并使用回车键提交表单。

我尝试在其他线程中读取一些代码片段，但无济于事。说到 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();    
    });
});