使用回车键/隐藏提交按钮提交表单

Question

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

我试过在其他线程中读取的代码片段，但没有用。当谈到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();  
    }); 
});