码迷,mamicode.com
首页 > 其他好文 > 详细

阻止 form 回车 自动提交

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

标签:一个   code   有一个   isp   代码   get   不能   class   方法   

 

问题:当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 回车 自动提交

标签:一个   code   有一个   isp   代码   get   不能   class   方法   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!