使用回車鍵/隱藏提交按鈕提交表單

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();  
    }); 
});