js设置form的onsubmit事件

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

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

1 ·

CC 4.0 BY-SA版权

文章标签：

#function #浏览器 #html

.Net开发专栏收录该内容

19 篇文章

订阅专栏

本文介绍了两种阻止HTML表单提交的技术：一是通过在form标签中设置onsubmit属性调用check()函数；二是直接在JavaScript中为指定的form元素绑定onsubmit事件。这两种方法在实现上略有不同，前者只需确保check()函数返回false即可阻止提交，而后者则需使用event.preventDefault()或window.event.returnValue=false;。

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;来阻止表单提交。