form表单自动提交规则
-
form表单中只有一个type=text的input(可以有其他类型的表单),在input中按enter键,会自动提交
-
form表单中有多个type=text的input,且无type=submit的按钮元素,则在input中按enter键,不会自动提交
-
form表单中有type=submit的按钮元素,点击按钮元素或者在input中按enter键,会自动提交
-
form表单中有type=button的按钮元素且有多个input元素,点击按钮元素或者在input中按enter键,不会自动提交
阻止form表单自动提交方法
在Html中
<form onsubmit="return false">
<input type = "text">
<input type = "submit">submit
</form>
复制代码
在Js中
我们需要给表单添加submit事件,并在事件中组织submit事件的默认事件。
var form = document.getElementsByTagName('form')[0];
form.addEventListener('submit',function(e){
e.preventDefault();
});
复制代码