JS-表单提交-模拟提交

最新推荐文章于 2024-07-26 03:20:01 发布

dxm809

最新推荐文章于 2024-07-26 03:20:01 发布

阅读量1k

点赞数

分类专栏： JAVASCRIPT

JAVASCRIPT 专栏收录该内容

134 篇文章 0 订阅

订阅专栏

<!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>