js设置form的onsubmit事件

最新推荐文章于 2023-05-25 11:19:55 发布

原创最新推荐文章于 2023-05-25 11:19:55 发布 · 2k 阅读

0 ·

CC 4.0 BY-SA版权

JAVA 专栏收录该内容

40 篇文章

订阅专栏

本文介绍了两种阻止HTML表单提交的技术：一是通过在form标签中设置onsubmit属性调用check()函数；二是直接在JavaScript中为指定的form元素绑定onsubmit事件。这两种方法都能有效阻止表单默认提交行为。

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

[javascript]view plaincopy 
    
 document.getElementById('myform').onsubmit = function(e) {  
     var e = e || window.event;  
     if (e.preventDefault) e.preventDefault();  
     else window.event.returnValue = false;  
 }  

一种是在html代码form标签中写<form onsubmit="return check();" ...>，然后在js文件中定义好check()函数；另一种就是上面代码那样，直接在JS中绑定指定form元素的onsubmit事件。

两种方法的区别就是前一种只要check()函数返回false就能阻止表单提交，后一种需要通过 event.preventDefault() （标准浏览器）或者 window.event.returnValue = false; 来阻止表单提交。