键盘上的打开按钮立即发送表格

时间:2012-06-19 13:24:00

标签: html forms keyboard form-submit smartphone

我有一个这样的表格:

<form action="form_send.php" method="post">
<table>
        <tr>
            <td><label for="address">address</label></td>
            <td><input type="text" id="address" name="address" tabindex="1" /></td>
        </tr>
        <tr>
            <td><label for="country">country</label></td>
            <td><input type="text" id="country" name="country" tabindex="2" /></td>
        </tr>
        <tr>
</table>
<input type="submit" value="Submit" tabindex="3" />
</form>

如果用户在他/她的智能手机上打开Safari或其他浏览器并填写文本字段,则可以点击Open。如果按下此按钮,表格会立即发送。

用户是否有可能在提交表单之前首先跳转到第二个文本字段?

我尝试使用tabindex,但这对我没有帮助。我知道我可以使用PHP / Javascript强制字段,但字段不应该是强制性的。

1 个答案:

答案 0 :(得分:3)

可能是按下用户输入。您可以通过拦截击键来防止这种情况。

这段代码(jQuery)将阻止按ENTER键提交表单。

$('form').keypress(function(e){
    if(e.keyCode === 13){
        e.preventDefault();
     }
});