html5 中form 没有调用onsubmit方法
发布网友
发布时间：2022-04-26 19:27
共3个回答
懂视网
时间：2022-04-20 16:13
实例
当提交表单时执行一段 JavaScript：
<form action="demo_form.asp" onsubmit="checkForm()">
浏览器支持
IE
Firefox
Chrome
Safari
Opera
所有主流浏览器都支持 onsubmit 属性。
定义和用法
onsubmit 属性在提交表单时触发。
onsubmit 属性只在 <form> 中使用。
HTML 4.01 与 HTML5 之间的差异
无。
语法
<form onsubmit="script">
属性值
| 值 | 描述 |
| script | onsubmit 发生时运行的脚本。 |
在日常的开发中，往往在表单被提交之前需要加上验证（验证日期格式是否正确，验证某个input是否为空…），首先想到的就是 onsubmit事件，在一个submit类型按钮点击时，首先触发的就是form的onsubmit()事件。这时，我们就可以写上自己的验证。代码如下：
<form action="1.asp" method="post" name="form1" onsubmit=“alert(‘执行了onsubmit事件’);return true;”> <input type="submit" name="save" value="保存" /> </form>
但是如果我们直接调用form的submit()事件，却不会执行onsubmit()，代码如下：
<form action="1.asp" method="post" name="form1" onsubmit=“alert(‘执行了onsubmit事件’);return true;”> ”> <input type="button" name="save" value="保存" onclick=”this.form.submit();” /> </form>
我们如果想调用form的onsubmit事件只能通过调用，只有这样，才能执行这个事件:
<form action="1.asp" method="post" name="form1" onsubmit=“alert(‘执行了onsubmit事件’);return true;”> ”> <input type="button" name="save" value="保存" onclick=”this.form.onsubmit();” /> </form>
热心网友
时间：2022-04-20 13:21
onsubmit 属性在提交form表单时触发，onsubmit 属性只在 <form> 中使用。
测试代码如下：
<!DOCTYPE html><html>
<head>
<script>
function checkForm()
{
alert("表单已提交！");
}
</script>
</head>
<body>
<form action="/demo/demo_form.asp" onsubmit="checkForm()">
姓：<input type="text" name="lname"><br>
名：<input type="text" name="fname"><br>
<input type="submit" value="提交">
<p>函数 checkForm() 在提交按钮被点击时触发。此函数向用户显示一段消息。</p>
</body>
</html>
热心网友
时间：2022-04-20 14:39
追答表单是否提交是根据checkPhoneNum() 的返回值决定的吧。
要不你改另外一种表单提交方式，不用表单的默认提交，而是checkPhoneNum() 通过验证了就：document.getElementById("myForm").submit();
