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>