jQuery Mobile'Form'未通過PhoneGap中的iPhone軟鍵盤“GO”按鈕提交

Question

我正在編寫簡單的表單，其中包含兩個用於logIn進程的文本框，並希望獲得此表單

通過點擊i-Phone鍵盤的“Go”按鈕提交，該鍵盤打開作為文本框

獲得焦點。

當我保留帶有這兩個文本框的提交按鈕時，go按鈕開始工作

它不會。

我在用

jQuery mobile v1.2.0

PhoneGap v2.5

沒有提交按鈕的代碼：

<form id="loginForm">

   <div class="ui-body">

      <div data-role="controlgroup" id="my-controlgroup">

          <input data-theme="b" type="text" name="text-username" id="text-username" placeholder="Username" value="" />

          <input data-theme="b" type="password" name="text-pwd" id="text-pwd"  placeholder="Password" value="" />

      </div>
   </div>

</form>

帶提交按鈕的代碼：

<form id="loginForm" data-ajax="false">

   <div class="ui-body">

     <div data-role="controlgroup" id="my-controlgroup">

       <input data-theme="b" type="text" name="text-username" id="text-username"  placeholder="Username" value="" />

       <input data-theme="b" type="password" name="text-pwd" id="text-pwd"  placeholder="Password" value="" />

       <button type="submit" data-theme="none" name="submit" value=""></button>

     </div>

    </div>

</form>

我不需要提交，但由於我必須使用iPhone軟鍵盤提交表格，我們非常感謝任何幫助。 謝謝。

Answer 1

你需要一個keypress活動我的朋友。 手機上的“開始”按鈕相當於物理鍵盤的Enter鍵。 您必須檢查該keyCode 。 這是一個代碼：

$("#my-controlgroup").on("keypress", "input[type=text]", function(e) {
    //check for enter key 
    if(e.which === 13) {
        //check for empty input
        if($("input:empty").length === 0) {
           alert("submitted!");
        }
    }
});

Answer 2

這是小提琴 ，如果有幫助的話！

<form id="loginForm" data-ajax="false">

   <div class="ui-body">

     <div data-role="controlgroup" id="my-controlgroup">

       <input data-theme="b" type="text" name="text-username" id="text-username"  placeholder="Username" value="" />

       <input data-theme="b" type="password" name="text-pwd" id="text-pwd"  placeholder="Password" value="" />

       <button type="submit" data-theme="none" name="submit" value="">GO</button>

     </div>

    </div>

</form>