防止表单自动提交,以及submit和button提交表单的区别

2024-12-04 17:01:33
推荐回答(2个)
回答1:

在页面中有多个input type="text"的文本输入框的情况下没有问题,但是当页面中有只有一个文本框的情况下(),就会出现此问题.

后来在form 中添加:onsubmit="return false;"问题终于解决。



下边对“防止表单自动提交,以及submit和button提交表单”进行了些总结,希望对大家有些用(如果有不当的地方请指出)。

Html代码



总结:FORM onSubmit="return false"防止表单自动提交,以及submit和button提交表单的区别





























总结期间找了些关于onsubmit="return false;"的文章,作为资料也贴在下边。

URL:http://bbsanwei.javaeye.com/blog/271547

onSubmit的使用
在web开发中,我们经常会遇到,一点回车键表单就自己提交的问题,能不能禁用回车键呢,答案是肯定的.

Html代码

...............


如果想在表单提交时,进行验证

Html代码






...............










...............




这样就会对表单进行验证再进行提交

要注意的是,千万不能写成

Html代码

...............


因为check()不通过后会返回false, 因为onsubmit属性就像是
这个html对象的一个方法名,其值(一字符串)就是其方法体,默认返回true,所以还是相当于验证通过
记得对表单验证一定要写成这样

Html代码

...............

回答2:

如果没有触发事件的话,表单是不会自动提交的,submit是提交整个表单,button是要一个触发时间来提交.submit()