此问题是在手机端页面输入时发现的
Form表单只有一个input框,输入内容后直接回车,会直接提交这个表单,但是我的这个表单是通过Ajax提交,Form上并没有Action,所以会直接报错500,在此总结三种阻止form回车提交的方式。
1.form元素上加οnsubmit=“return false”(推荐)
2.多个input存在时按回车不会自动提交(注意:表单中有提交按钮的话,该方法不行)
3.给input绑定onkeydown事件
代码如下:
方法一:form元素上加οnsubmit=“return false”
<form action="../test.json" method="get" onsubmit="return false">
<input type="text" name="age" />
</form>
方法二:多个input存在时按回车不会自动提交
<form action="../test.json" method="get">
<input type="text" name="age" />
<input type="text" style="display: none;" />
</form>
方法三:给input绑定onkeydown事件
<form action="../test.json" method="get">
<input type="text" name="age" onkeydown="if(event.keyCode==13)return false;"/>
</form>