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!");
        }
    }
});