关于onsubmit事件return的使用

onsubmit事件支持所有浏览器。

onsubmit事件支持且仅支持form标签。

按正常的理解来说，该事件是发生在submit事件触发，但是执行action之前这中间。但是它的使用上有一个小坑。

οnsubmit="alert('xxx')"

οnsubmit="true/false"

οnsubmit="return true/false"

如果在onsubmit中只是简单的执行类似alert（）函数，无返回或者返回无关紧要的情况下，这个坑无所谓。

当你执行类似登录验证，或者其他有可能因为条件不足而取消action事件的时候,第二个使用形式会在chrome和firefox中表现异常，设置的false不能正确的终止提交，就是这么个小坑。IE是正常的。这个时候换成第三种形式的就好了，这个区别问题的导致是因为ie内核不支持某些内容。

在有判断的情况下加上οnsubmit="return xxx"中的return，因为它具有更广泛的适用性。

关于onsubmit事件return的使用相关推荐

form表单的onsubmit事件中调用方法时为什么前面加return
表单(from)编写onsubmit()脚本的时候,经常需要验证表单中数据的合法性,所以常会写道:<form action="/admin/addUser.do" metho ...
前端：JS/32/form对象（表单）（form对象的属性，方法和事件），受返回值影响的两个事件（onclick事件，onsubmit事件），获取表单的元素对象的三种方式，表单的提交和验证方法总结
form 对象(表单) 一个<form>标记,就是一个<form>对象: 1,form对象的属性 name :表单的名称,主要用来让JS来控制表单: action :表单的数据 ...
form表单中onclick事件和onsubmit事件的执行顺序
说来很惭愧,今天因为form表单的一个小问题困扰了一下午.虽然最终得以解决,但花费的时间实在是令人汗颜,现在总结一下遇到的问题. 先说一下背景,之前帮一个朋友的项目写了一个原生js的表单验证,今天突然 ...
『PHP学习笔记』系列九：利用from表单的onSubmit事件进行浏览器端的数据验证
数据验证思路: 当我们在网站进行注册时,一般有两个数据验证的过程,一个是在服务器端的验证,一个是在浏览器端的验证.浏览器端的验证一般是用来验证提交的信息是否符合注册的要求,即数据是否合法:服务器端的验 ...
submit方法与onsubmit事件
文章目录一．form的submit方法是否会触发onsubmit事件? 二. 如何阻止表单的提交 1.dom0方式绑定 2.用dom2方式绑定(addEventListener) 三．如何用代码触发 ...
php onsubmit方法,表单元素的submit()方法和onsubmit事件应用概述
表单元素拥有submit方法,同时也具有onsubmit事件句柄,用于监听表单提交.可以使用elemForm.submit();方法触发表单提交. 1.表单元素中出现了name="submi ...
【javascript】form提交不执行onsubmit事件解决方案
今天做项目过程中,需要用到javascript提交form到后台,同时我也需要在提交后台之前执行onsubmit事件. 弄了半天也没有解决,然后无意中调试出来了.然后分析源码,现在把解决方案公布出来, ...
【onsubmit】Form表单onsubmit事件用法详解
表单提交数据时,我们有时会用到onsubmit事件,那么onsubmit事件到底是干什么用的,在什么时候触发onsubmit事件以及如何使用onsubmit.本文章将向大家详细讲解onsubmit事件 ...
js form表单onsubmit事件用法详解
onsubmit事件是当表单提交时进行相关js操作的一个事件.(但是有疑问) onsubmit 事件会在表单中的确认按钮被点击时发生.当该事件触发的函数中返回false时,表单就不会被提交. 请看下面 ...

关于onsubmit事件return的使用

关于onsubmit事件return的使用相关推荐

最新文章

热门文章