表单的回车=提交?!

HTML页面中的form表单用于提交数据给服务器

前言:

form表单在一些奇特的化学反应下会成精,自行向它大王(服务器)报告,这个妖艳的贱货,我之前怎么没看出来呢:( 前段时间做表单验证的时候,还是同事给我说表单会自动提交的事情。。


化学反应一:

当form内有且只有一个input文本输入框时,在这个input中按下回车就会自动提交表单;

化学反应二:

当form内有type=”submit”提交按钮时,在input输入框内回车即是提交;

化学反应三:

当form内有且只有一个type=”button”按钮时,在input输入框内按下回车就会提交;

结果:

妈蛋!我辛苦设定在提交按钮点击时的验证功能就被这个回车绕过去了= =#

解决方法:

1、给form表单添加 onsubmit=”return false” 就可以防止提交了;

2、添加两个以上的input或者button就好了= =;

以上两个方法虽然能解决问题,但提交起来就不太方便了,还是直接用JS比较合适:

document.onkeydown=function(e){ 
    if(e.keyCode==13){ 
        return false;
    } 
} 

SO~直接屏蔽掉回车就好了! 话说为什么会出现自动提交的情况呢。。

坚持原创技术分享,您的支持将鼓励我继续创作!