js设置form的onsubmit事件

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

js设置form的onsubmit事件相关推荐

js submit方法与onsubmit事件
一．form的submit方法是否会触发onsubmit事件? 测试代码如下: <html> <head> <meta content="text/html; ...
form的onsubmit事件--表单提交前的验证最佳实现方式
今天遇到了一个问题,页面中include了很多的公共页面(都是没有form的),并且里面好多的地方都是自行提交的(页面中加入一个type="submit"域,然后js中写入sumb ...
html表单提交前检查,form的onsubmit事件--表单提交前的验证最佳实现方式
今天遇到了一个问题,页面中include了很多的公共页面(都是没有form的),并且里面好多的地方都是自行提交的(页面中加入一个type="submit"域,然后js中写入sumb ...
热身运动之JS设置鼠标点击事件
最近因为搬家,代码搁浅了将近半个月.感觉前面学的东西又忘得差不多了,所以说学东西要快速入门才行. 前几期看的妙味课堂的视频遗留的一个问题,个人感觉对HTML的定位和浮动理解的不透彻.自己 ...
js设置延时加载事件
[java] view plain copy 首先,这个主要就是前端js,进行控制的,所以,直接上代码喽 setTimeout( function(){ //事件处理 }, 1000) 1000毫 ...
form的onsubmit事件--表单提交前的验证
在提交表单前如果需要对表单内容进行统一验证,就可以使用οnsubmit="return check()",只有当check()方法返回true,表单才会提交 <form ac ...
input type = submit 提交方式和用js的form.submit()有什么区别？
说"一样的"的都不是专业的前端,至少有以下不同: 假设: A表单内有<input type="submit">,通过点击这个input来提交表单 B ...
前端：JS/32/form对象（表单）（form对象的属性，方法和事件），受返回值影响的两个事件（onclick事件，onsubmit事件），获取表单的元素对象的三种方式，表单的提交和验证方法总结
form 对象(表单) 一个<form>标记,就是一个<form>对象: 1,form对象的属性 name :表单的名称,主要用来让JS来控制表单: action :表单的数据 ...
js form表单onsubmit事件用法详解
onsubmit事件是当表单提交时进行相关js操作的一个事件.(但是有疑问) onsubmit 事件会在表单中的确认按钮被点击时发生.当该事件触发的函数中返回false时,表单就不会被提交. 请看下面 ...

js设置form的onsubmit事件

js设置form的onsubmit事件相关推荐

最新文章

热门文章