首页 > 其他 > 详细

阻止 form 回车 自动提交

时间:2017-09-14 12:43:33      阅读:288      评论:0      收藏:0      [点我收藏+]

 

问题:当form表单中只有一个input时,在input中按回车键会自动提交.

解决方案:

  1.form元素上加onsubmit="return false"(推荐)

  2.多个input存在时按回车不会自动提交(注意:表单中有提交按钮的话,该方法不行)

  3.给input绑定onkeydown事件

 

代码:

  方法一:

    form元素上加onsubmit="return false"

<form action="../test.json" method="get" onsubmit="return false">
    <input type="text" name="age" id="age" value="" />
</form>

  方法二:

    加一个input时。注意:隐藏的话不能使用type="hidden"(),要使用display:none

<form action="../test.json" method="get">
    <input type="text" name="age" id="age" value="" />
    <input type="text" style="display: none;" />
</form>

  方法三:

    如果onkeydown是回车键,则return false

<form action="../test.json" method="get">
    <input type="text" name="age" id="age" value="" onkeydown="if(event.keyCode==13)return false;"/>
</form>

 

阻止 form 回车 自动提交

原文:http://www.cnblogs.com/ooo0/p/7519828.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!