2

我正在为登录过程编写带有两个文本框的简单表单，并希望获得此表单

点击 i-Phone 键盘上的“开始”按钮提交，该按钮作为文本框打开

得到焦点。

当我保留带有这两个文本框的提交按钮时，继续按钮开始工作，否则

它不会。

我在用

jQuery手机版 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 软键盘提交表单，非常感谢任何帮助。谢谢。

4

2 回答 2

8

你需要一个keypress活动，我的朋友。手机上的“Go”按钮相当于物理键盘的 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!");
        }
    }
});
于 2013-07-15T14:28:50.677 回答
0

这是小提琴，如果有帮助的话！

<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>
于 2013-07-10T07:43:34.757 回答