js submit onsubmit区别_js sumbit是什么意思-CSDN博客

本文探讨了使用submit()和onsubmit()在表单提交过程中的区别。通过具体实例，展示了如何利用JavaScript进行电子邮件地址的有效性验证，并解释了如何正确触发onsubmit事件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

submit()和onsubmit()的区别

表单提交前验证的问题，如果用submit类型的按钮提交的时候是会正常激发onsubmit事件的。

而用一个普通的button按钮代替 submit按钮，
在提交前触发这个button的onclick事件，在其事件中触发form的 submit事件。问题出现了：
以下是出现相关代码：

<html>
<head>
　 <script language="javascript" type="text/javascript">
　　　　
　　　　 function verifyAddress(obj)
　　　　　{
　　　　　　var email = obj.email.value;
　　　　　　var pattern = /^(a)+/;
　　　　　　flag = pattern.test(email);
　　　　　　if(flag)
　　　　　　{
　　　　　　　alert("Your email address is correct!");
　　　　　　　return true;
　　　　　　}
　　　　　　else
　　　　　　　{
　　　　　　　　alert("Please try again!");
　　　　　　　　return false;
　　　　　　　 }
　　　　　 }
　　　　
　　　 </script>
　　</head>
　 <body>
　　 <form id="form1" name="form1" onSubmit="return verifyAddress(this);">
　　　 <input name="email" type="text">
　　　 <input type="submit" value="ok" >
　　　 </form>
　　</body>
</html>

却发现并没有触发form的 onsubmit方法，而是直接提交了。奇怪了，难道没有这种方式无法结合form的 onsubmit方法吗？
仔细想了想，既然this.form表示form这个对象，那么肯定能获取到form的属性和方法的
，就改成this.form. onsubmit(); 成功！
我又查了查手册，原来 submit的方法是这样解释的：
The submit method does not invoke the onsubmit event handler. Call the onsubmit event handler directly. When using Microsoft® Internet Explorer 5.5 and later, you can call the fireEvent method with a value of onsubmit in the sEvent parameter.

意思是说 submit这个方法是不触发 onsubmit时间的，如果想要触发它，需要调用
fireEvent方法。尝试一下：this.form.fireEvent(' onsubmit');哈哈，果然也成功！不过这样不是多此一举吗？呵呵！

就这个小问题也搞了我将近一个小时，不过为了以后不为这个问题烦恼，这也是值得的。
this.form. submit(); //直接提交表单
this.form. onsubmit(); //调用form的 onsubmit方法
this.form.fireEvent(' onsubmit'); //同上,