使用传统方式进行表单提交：点击submit按钮
事件onsubmit：表示在提交前触发，一般用于进行控件内容的有效性验证
如果返回false则会停止提交
如果返回true或者不返回则完成提交
问：如果在不点击提交按钮时进行提交呢？
方式一：调用按钮的click()方法，模拟点击
方式二：调用表单的submit()方法，这种提交不会触发onsubmit事件
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<script>
onload = function () {
var frm = document.getElementById('frm');
//该事件主要是为了进行有效性验证，只有点submit按钮才会触发
frm.onsubmit = function () {
alert(1);
return false;//不转向
};
this.document.getElementById('simulate').onclick = function () {
//模拟提交方式一，不会触发onsubmit事件
//frm.submit();
//模拟提交方式二，会触发submit
document.getElementById('btnSubmit').click();
}
};
</script>
</head>
<body>
<form id="frm" action="hello.html" method="post">
<input type="button" id="simulate" name="name" value="模拟提交" />
<input type="text" name="name" value="" />
<input type="submit" name="name" value="submit" id="btnSubmit" />
</form>
</body>
</html>
9964
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
