onsubmit是网页中的事件吗(JavaScript中,当用户表单填写不正确,如果通过JavaScript阻止用户提交表单)

2024-07-16 06:18:58 4

onsubmit是网页中的事件吗(JavaScript中,当用户表单填写不正确,如果通过JavaScript阻止用户提交表单)

本文目录

JavaScript中,当用户表单填写不正确,如果通过JavaScript阻止用户提交表单

用户提交表单会触发onsubmit事件,我们可以为onsubmit事件编写监听函数,当在onsubmit监听函数中检查到表单填写不正确,就return false,阻止表单的提交。若填写正确,就return true,提交表单。

 

举个简单的例子:

当我们按下提交按键时,若检测到用户没有填写邮箱,则阻止用户提交并提示填写邮箱地址!

首先,我们要编写onload的处理函数,并不是onsubmit,而是onload事件哦!

// 当网页加载完毕会触发onload事件。

window.onload =  function() {

prepareEventHandlers(); //在该函数中处理onsubmit事件。

};

 

先处理onload事件是因为我们要在onsubmit事件处理函数中要引用网页中的表单元素,这样能确保页面已经完全加载后才对表单中的元素进行访问。

 

然后在prepareEventHandlers函数中添加onsubmit处理代码:

function prepareEventHandlers() {

document.getElementById("frmContact").onsubmit = function() {

// 如果没有邮箱,阻止表单提交。

if (document.getElementById("email").value == "") {

document.getElementById("errorMessage").innerHTML = "请至少填写邮箱地址!";

// 阻止表单提交

return false;

} else {

// 允许表单提交

document.getElementById("errorMessage").innerHTML = "";

return true;

}

};

}

 

在处理onsubmit的匿名函数中,首先用if语句判断email元素的value属性是否为空。即判断用户是否填写了邮箱。

若用户没有填写邮箱则设置errorMessage的文本,提示用户填写邮箱,并返回false,表示阻止表单的提交。若用户填写了邮箱则清空errorMessage文本并返回true,表示允许表单的提交。推荐你去一个教程网站-秒秒学上看下JavaScript的课程,讲解的还不错。

javascript 触发事件

16个javascript 触发事件,仅供参考学习1.单击事件___onclick用户单击鼠标按键时产生的事件.同时onclick指定的事件处理程序或代码将被调用执行.如:《input type="button" value="打开页面" onlick="window.open(’xxxx.html’,’newwindow’,’width=456,height=230,toolbar=no,menubar=no,scrollbars=yes’);"》 2.改变事件___onchange当text或textarea元素内的字符值改变或select表格选项状态改变里发生该事件.如;《textarea name="liuyan" rows=5 cols=70 value=" " onchange=alert("您在文本框中添加了新的内容")》 3.选中事件____onselect当text或textarea对象中的文字被选中里会引发该事件如:《ipnut type="text" value="默认信息" onselect=alert("您选中了文本框中的文字")》 4.获得焦点事件____onfocus用户单击text或textarea以及select对象时,即光标落在文本框或选择框时会产生该事件.如:《select name="zhengjian" onfocus="alert("我成为焦点")》 5.失去焦点事件______onblur失去焦点事件正好与获得焦点事件相对,当text对象,textarea对象或select对象不再拥有焦点而退出后台时,引发该事件. 6.载入文件事件____onload当页面文件载入时,产生该事件.onload的一个作用就是在首次载入一个页面文件时检测cookie的值,并用一个变量为其赋值,使它可以被源代码使用,本事件是window的事件,但是在HTML中指定事件处理程序时,一般把它写在《body》标记中.如:《body onload=alert("正在加载页面,请等待...")》 7.卸载文件事件____onunload与载入文件事件onload正好相反,当web页面退出时引发的事件,并可更新cookie的状态如:《body onunload="confirm("你确定要离开本页?")》 8.鼠标覆盖事件 _____onmouseoveronmouseover是当鼠标位于元素上方时所引发的事件如:《input type="boutton" value="按钮" onmouseover="window.status=’请您注意下面的状态栏’; return true"》 9.鼠标离开事件_____onmouseoutonmouseout是鼠标离开元素里引发的事件.如果和鼠标覆盖事件同时使用,可以创建动态按钮的效果. 10.一般事件ondbclick 鼠标双击事件鼠标上的按键被按下时激活的事件鼠标按下后,松开鼠标时触发的事件鼠标移动里触发的事件.onkeypress 当键盘上的某个键被按下并且释放时触发的事件,要求页面内必须有激活对象onkeydown 当键盘上某个键被按下时触发的事件,要求页面内必须有激活对象onkeyup 当键盘上某个按键被放开时触发的事件,要求页面内必须有激活对象 11.页面相关事件onabort 图片在下载时被用户中断onbeforeunload 当前页面的内容将要被改变时触发的事件onerror 捕捉当前页面因为某种原因而出现的错误,如脚本错误.onmove 浏览器的窗口被移动里触发的事件onresize 当浏览器的大小被改变时触发的事件onscroll 浏览器的滚动条位置发生变化时触发的事件onstop 浏览器的"停止"按钮被按下或者正在下载的文件被中断时触发的事件. 12. 表单相关事件onreset 当表单中reset属性被激活时触发的事件.onsubmit 一个表单被递交时触发的事件. 13.滚动字幕事件onbounce 当marquee内的内容移动至marquee显示范围之外时触发的事件.onfinish 当marquee元素完成需要显示的内容后触发的事件.onstart 当marquee元素开始显示内容时触发的事件. 14.事件.onbeforecopy 当页面当前的被选择内容将要复制到浏览者系统的剪贴板前触发的事件.onbeforeupdate 当浏览者粘贴系统剪贴板中的内容时通知目标对象oncontextmenu 当按下鼠标右键出现菜单或通过键盘的按键触发页面菜单时触发的事件. 《body oncontentmenu="return false"》禁止使用鼠标右键oncopy 当页面当前被选择内容被复制后触发的事件oncut 当页面当前被选择内容被剪切时触发的事件onpaste 当内容被粘贴时触发的事件ondrag 当某个对象被拖动时触发的事件ondragend 当鼠标拖动结束时触发的事件,即鼠标的按键被释放时触发的事件. 15.数据绑定onafterupdate 当数据完成由数据源到对象的传送时触发的事件oncellchange 当数据来源发生变化时触发的事件ondataavailable 当数据接收完成时触发的事件ondatasetchanged 数据在数据源发生变化时触发的事件.ondatasetcomplete 当数据源的全部有效数据读取完毕时触发的事件.onerrorupdate 当使用onbeforeupdate事件触发取消了数据传送时,代替onafterupdate事件.onrowenter 当前数据源的数据发生变化并且有新的有效数据时触发的事件.onrowexit 当前数据源的数据将要发生变化时触发的事件onrowsdelete 当前数据记录将被删除时触发的事件onrowsinserted 当前数据源将要插入新数据记录时触发的事件 16.外部事件onafterprint 当文档被打印后触发的事件onbeforeprint 当文档即将打印时触发的事件onhelp 当浏览者按下F1键或者单击浏览器中的"帮助"按钮时触发的事件

ASP问题 onclick和onsubmit的区别

onclick是某个对像的单击事件,在asp中几乎所有的控件都有单击(click)事件,单击事件可以以下两种形式表示。《input type=button onclick="abc" name="inp1"》sub abc()’子程序内容end sub或如下:sub inp1_OnClick()’子程序内容End Sub以上两个不同的是,前者《input type=button onclick="abc" name="inp1"》中的abc即可以调用过程也可以调用函数,并且定义的过程abc()可以在任何地方调用只要调用的地方和过程在同一个页面内就可以了。后者所定义的子程序只要名为inp1的控件单击就会自动触发。注意:在同一个页面中只允许有一个控件名为:inp1也就是不允许有重名出现。不是所有的控件都有OnSubmit事件,OnSubmit事件是用于提交网页内容的。例如:《Form name="f1" Action="?" Method=post OnSubmit="s1" OnClick="s2"》《input type=button onclick="s3" value="提交方式一"》《input type=submit value="提交方式二"》《/form》《script language=vbscript》 ’所有脚必需包含在《script》与《/script》之间,这里表示使用vbscript脚本。sub s1()’子程序内容,这里一般用于检查Form内控件所填内容是否正确。f1.Submit ’这一句很重要,就是表示提交的意思,一般判断成功后使用这句提交数据!end subsub s2()’子程序内容,这里是单击,也就是说在这个对像内的任何点上单击都会引发事件,就算是空白区域也一样。end subsub s3()’子程序内容,这里一般用于检查Form内控件所填内容是否正确。f1.Submit ’这和s1()一样,不加这一句不会提交数据。end sub最后提交方式二这个按扭直接单击就OK了,单击就会提交了!他等同于提交方式一不要子程序内容,只有一名f1.Submit《/script》

js中click事件与submit事件的区别

点击提交按钮时,一般先触发click事件,然后再触发submit事件。 这点倒是没什么好纠结的,click是在元素界面上的事件,submit属于表单控件上的事件。 onclick是元素在点击的时候触发的点击处理函数,而onsubmit是表单“点击”提交时,表单前的验证处理函数。为什么说“点击”提交呢? 2.响应事件的触发后续问题 通常我们用到的是响应处理函数,用于处理事件发生时的数据处理。 这里主要说的是click的处理后续和submit的处理后续:click-》click响应事件-》submit响应事件-》submit click的处理事件完成后,该是轮到submit事件的处理以及处理后的submit. 而主要关注点在于,是否能够在每个节点处设置些什么来停止后续节点执行? 我们在用onclick="method();"时,只是响应事件执行了method这个方法,而如果写成onclick="return method();"则会将method的执行结果return。 关键在return,当return false的时候,onclick响应处理完成后,后续事件就不执行下去了;同样的,在onsubmit上也写同样的return false 也是最终不会submit。 //2.1 处理顺序上好特别,直到写的时候才发现,click响应是在click之后,submit则是在submit响应之前? 2.2似乎还可以在响应事件处理中,用 event.preventDefault(); //event 事件参数 3.submit的响应事件的不触发 我们如果直接用javascript代码来执行表单的提交的话(即 form.submit()),是不会触发onsubmit事件的。 这里要顺道提一下,我如果执行submit按钮的click事件,是会在执行完click之后跟着执行submit(表述遵从2提到的触发后续问题)。

jsp中form表单的onsubmit事件问题

这是Eclipse自带的,运行可以成功但就是会报错,你只要把window -》》preferences-》》myeclipse-》》validation把javaScricapt validator for js files 这一行的build属性的对号去掉就行了

在HTML中,表单元素文本框(text)不支持的事件包括()

在HTML中,表单元素文本框(text)不支持的事件包括onSubmit。

超文本标记语言(HTML)起源于标准通用标记语言(SGML),由世界上最大的粒子物理研究实验室欧洲核子研究中心CERN(the European Organization for Nuclear Research)于1991年首先提出,是推动Web迅速发展的原动力。

在互联网发展的早期,为了在各种网络环境之间、不同文件格式之间进行交流,在SGML基础上,CERN提出了超文本标记语言(Hyper Text Markup Language,HTML)的概念。

扩展资料:

HTML定义了一组标记符号(tag),对文件的内容进行标注,指出内容的输出格式,如字体大小、颜色、背景颜色、表格形式、各部分之间逻辑上的组织等,从而实现了文件格式的标准化。简单地说,HTMI。

文件包含了文档数据和显示样式两部分,其中文档数据是显示在Web浏览器中的数据内容,显示样式则规定了这些内容在浏览器中以何种格式、样子呈现给用户。

通过统一使用支持HTMI。的浏览软件,用户可以在任意异构的网络环境中阅读同一个文件,得到相同的显示结果,并可以对文件进行跳跃式阅读,展现了很强的表现力。

这是一个HTML语句form是提交表单name是这个表单的名字method是指发送的方式,这儿有get和post两种action是被提交到的地址,后面的save.asp?action=add就是地址,接收提交的文件是save.asp而后面的action=add是参数,由add可以看出,这个form表单是一个增加什么东西的提交表单。onsubmit是一个JS事件,意思是在提交的时候产生其它效果,后面的return是返回的意思,在JS中的一个命令,再后面sub_data()是一个自定义函数,它将会返回一个信息给用户,一般在form表单中放置JS事件,都是用于验证表单内容的

请问jsp 中有哪些监听事件可以引发页面跳转.(除了onclick 和onblur之外),还有哪些希望有比较全的答案

JSP中能监听到的事件都可以引发页面跳转,以下是各种监听事件及意义:

  • onCLick:监听鼠标单击事件。

  • onChange:监听文本内容或下拉菜单中的选项发生改变。

  • onFocus :监听获得焦点,例如文本框获得鼠标光标。

  • onBlur:监听失去焦点,例如文本框失去鼠标光标。

  • onMouseOver:监听鼠标悬停,例如鼠标停留在图片等所在的区域。

  • onMouseOut:监听鼠标移出,例如鼠标离开图片等所在的区域。

  • onMouseMove:监听鼠标移动,表示在《div》层等上方移动。

  • onLoad:监听网页文档加载事件。

  • onSubmit:监听表单提交事件。

  • onMouseDown:监听鼠标按下事件。

  • onMouseUp:监听鼠标弹起事件。

HTML中的事件属性要怎么理解

就是当用户操作一个 HTML 元素(如按钮,文本框,选择框等)时,触发某种事件(如点击事件onclick、值变化事件onchange等),从而启动一段 JavaScript动作。常用的事件有几类:1. 窗口事件,如onload(当页面被载入时执行),onunload;2. 表单元素事件,如onchange, onsubmit,onreset,onselect,onblur,onfocus;3. 键盘事件,如onkeydown,onkeypress,onkeyup;4. 鼠标事件,如onclick, ondbclick,onmousedown, onmouseup,onmouseover,onmouseout,onmousemove;举个小例子:按钮被点击时触发弹出一个告警框。《input type="button" name="button1" value="点击试试" onclick="window.alert(’让你点你就点啊?’)"/》这里的onclick="javascript函数()"就是HTML的事件属性。有问题再问吧。

[php]onSubmit和onclick区别

onSubmit是表单上(也只能是表单)用的,提交表单前会触发onClick是按钮等控件上用的,用来触发点击事件.用作数据验证的时候,可以选择在submit按钮上的onclick中验证,可以在onsubmit中验证.但是从事件触发顺序上来说,onclick更早.顺序是:用户点击按钮-》onclick-》如果onclick返回有效或未处理onclick则提交表单-》onsubmit-》如果onsubmit未处理或返回true,则提交,否则取消提交.onsubmit中返回false会引起取消表单提交;onclick中返回false则会引起此次点击操作被判断为无效,则也就不会引起表单提交.

onsubmit是网页中的事件吗(JavaScript中,当用户表单填写不正确,如果通过JavaScript阻止用户提交表单)

本文编辑:admin

更多文章:


寄存器有什么用?寄存器有什么作用

寄存器有什么用?寄存器有什么作用

本文目录寄存器有什么用寄存器有什么作用数字电子技术实验的中国电力出版社通用寄存器用英语怎么说指令寄存器的指令寄存器什么是指令寄存器寄存器、存储器以及暂存器各有什么区别既然寄存器英文名叫Register,那CS,DS,ES,SS为什么都叫“S

2024年7月4日 07:19

汉字unicode排序(sqlserver 汉字默认排序是什么方式)

汉字unicode排序(sqlserver 汉字默认排序是什么方式)

“汉字unicode排序”相关信息最新大全有哪些,这是大家都非常关心的,接下来就一起看看汉字unicode排序(sqlserver 汉字默认排序是什么方式)!本文目录sqlserver 汉字默认排序是什么方式C语言中汉字如何进行排序按姓氏笔

2024年6月26日 19:26

指针变量p进行自加运算地址偏移值为2(指针问题)

指针变量p进行自加运算地址偏移值为2(指针问题)

大家好,今天小编来为大家解答以下的问题,关于指针变量p进行自加运算地址偏移值为2,指针问题这个很多人还不知道,现在让我们一起来看看吧!本文目录指针问题C++的各位大神,求教一个菜鸟级的问题,为什么p = p+2 后地址不是0x003E237

2024年9月29日 07:55

tara巨魔事件是怎么回事(tara巨魔是什么意思)

tara巨魔事件是怎么回事(tara巨魔是什么意思)

本文目录tara巨魔是什么意思tara巨魔事件是怎么回事刘花英巨魔事件是什么巨魔事件是指什么刘花英巨魔是什么事件朴智妍巨魔事件是什么意思啊tara巨魔是什么意思tara巨魔是指tara前成员刘花英。刘花英的离开让她原来所在的Tara一下子掉

2024年6月20日 02:48

go开发app(go语言库是封装了windows的api吗)

go开发app(go语言库是封装了windows的api吗)

这篇文章给大家聊聊关于go开发app,以及go语言库是封装了windows的api吗对应的知识点,希望对各位有所帮助,不要忘了收藏本站哦。本文目录go语言库是封装了windows的api吗Golang将有Android NDK支持能单独用来

2024年7月23日 14:05

python中pass的用法(python中的pass代表什么意思呢)

python中pass的用法(python中的pass代表什么意思呢)

本文目录python中的pass代表什么意思呢python中的try except pass怎么使用python3.x的多线程程序中,while 1: pass 这个语句有什么作用python代码def a(b,c):pass含义是什么pa

2024年6月14日 15:06

全免费字体商店(qq字体商城“开通会员免费领取以下字体”,在这个地方开通一个月的vip领取字体后字体的可用期是多久)

全免费字体商店(qq字体商城“开通会员免费领取以下字体”,在这个地方开通一个月的vip领取字体后字体的可用期是多久)

大家好,今天小编来为大家解答以下的问题,关于全免费字体商店,qq字体商城“开通会员免费领取以下字体”,在这个地方开通一个月的vip领取字体后字体的可用期是多久这个很多人还不知道,现在让我们一起来看看吧!本文目录qq字体商城“开通会员免费领取

2024年7月13日 04:15

cloneable接口实现原理(在java中 clone为什么要用super.clone()方法 这里为什么要用super不是this)

cloneable接口实现原理(在java中 clone为什么要用super.clone()方法 这里为什么要用super不是this)

本文目录在java中 clone为什么要用super.clone()方法 这里为什么要用super不是thisjava clone()方法为什么不能直接调用clone方法在java中 clone为什么要用super.clone()方法 这里

2024年7月18日 05:24

have a conversation(在西方人看来,与人交谈时不看着对方的眼睛是很不礼貌的(have a conversation)用英语翻译)

have a conversation(在西方人看来,与人交谈时不看着对方的眼睛是很不礼貌的(have a conversation)用英语翻译)

大家好,关于have a conversation很多朋友都还不太明白,不过没关系,因为今天小编就来为大家分享关于在西方人看来,与人交谈时不看着对方的眼睛是很不礼貌的(have a conversation)用英语翻译的知识点,相信应该可以

2024年8月14日 03:55

random python(python怎样安装random)

random python(python怎样安装random)

本文目录python怎样安装randompython random的问题python怎样安装randomrandom 库是 python 版本中自带的一个随机库,无需安装,你直接在py文件中加入 import random 拿来即用.附:使

2024年7月16日 18:55

剧团EXILE的ace和top分别是谁?ACE拆分合法吗

剧团EXILE的ace和top分别是谁?ACE拆分合法吗

本文目录剧团EXILE的ace和top分别是谁ACE拆分合法吗崔然竣ace是官方还是民推前田退出后的AKB48的ACE为什么不是大岛官推是什么意思为什么说HKT48的儿玉遥是官推,宫脇咲良是民推剧团EXILE的ace和top分别是谁剧团re

2024年7月23日 12:04

英语课翻译成中文(中文课程翻译成英文)

英语课翻译成中文(中文课程翻译成英文)

本篇文章给大家谈谈英语课翻译成中文,以及中文课程翻译成英文对应的知识点,文章可能有点长,但是希望大家可以阅读完,增长自己的知识,最重要的是希望对各位有所帮助,可以解决了您的问题,不要忘了收藏本站喔。本文目录中文课程翻译成英文人教版九年级英语

2024年6月26日 23:58

小程序开发有哪些原因(为什么要开发小程序有什么意义)

小程序开发有哪些原因(为什么要开发小程序有什么意义)

这篇文章给大家聊聊关于小程序开发有哪些原因,以及为什么要开发小程序有什么意义对应的知识点,希望对各位有所帮助,不要忘了收藏本站哦。本文目录为什么要开发小程序有什么意义企业为什么需要开发小程序微信小程序开发要考虑什么因素做好小程序有那些要素有

2024年7月21日 18:40

repeater控件(asp.net中怎样获取repeater中的数据)

repeater控件(asp.net中怎样获取repeater中的数据)

本文目录asp.net中怎样获取repeater中的数据C#WebForm中的repeater控件问题ASP.NET 我在后台为Repeater绑定数据源,如何同时获得Repeater中的控件急!!asp.net的repeater控件里怎么

2024年7月5日 18:04

selective tool怎么卸载(如何卸载虚拟机中VMware tools)

selective tool怎么卸载(如何卸载虚拟机中VMware tools)

大家好,今天小编来为大家解答以下的问题,关于selective tool怎么卸载,如何卸载虚拟机中VMware tools这个很多人还不知道,现在让我们一起来看看吧!本文目录如何卸载虚拟机中VMware tools如何卸载 Selectio

2024年7月16日 11:37

literature怎么读英语(literature(文学)怎么读)

literature怎么读英语(literature(文学)怎么读)

本文目录literature(文学)怎么读literature怎么读literature可数还是不可数literary怎么读literature怎么读啊 懂口语的进用英语解释什么叫做literatureliterature是什么意思lite

2024年7月19日 06:50

正切三角函数值表(特殊角的正切值表)

正切三角函数值表(特殊角的正切值表)

“正切三角函数值表”相关信息最新大全有哪些,这是大家都非常关心的,接下来就一起看看正切三角函数值表(特殊角的正切值表)!本文目录特殊角的正切值表tan三角函数值有哪些正切函数值表sin cos tan数值表 常用三角函数的数值是多少初中三角

2024年7月17日 06:40

数据分析师要学什么专业(作为数据分析师报什么专业比较好)

数据分析师要学什么专业(作为数据分析师报什么专业比较好)

大家好,今天小编来为大家解答以下的问题,关于数据分析师要学什么专业,作为数据分析师报什么专业比较好这个很多人还不知道,现在让我们一起来看看吧!本文目录作为数据分析师报什么专业比较好想当数据分析师要选什么专业大数据分析师需要学哪个专业数据分析

2024年8月14日 14:40

单相电机的工作原理(单相交流电机原理)

单相电机的工作原理(单相交流电机原理)

本文目录单相交流电机原理单相三相电机的工作原理是什么单相电机启动原理单相电动机的工作原理是什么单相异步电动机工作原理单相电机的工作原理电阻分相启动型单相电机的电路图和工作原理单相电动机的正反转工作原理是什么单相调速电机原理单相电机的工作原理

2024年7月9日 10:55

莫匹罗星软膏(莫匹罗星软膏可以去痘痘吗)

莫匹罗星软膏(莫匹罗星软膏可以去痘痘吗)

本文目录莫匹罗星软膏可以去痘痘吗莫匹罗星软膏功能有哪些 效果好不好莫匹罗星软膏的使用方法莫匹罗星软膏的用法是怎样的,注意事项有哪些百多邦莫匹罗星软膏可以用于治疗什么呢所有莫匹罗星软膏的功能主治完全一样吗莫匹罗星软膏是激素类软膏吗莫匹罗星软膏

2024年7月7日 02:24

近期文章

本站热文

iphone vpn设置(ios设置vpn快捷开关)
2024-07-22 15:01:12 浏览:2334
windows12正式版下载(操作系统Windows Server 2012 R2,在哪能下载到,公司用的)
2024-07-20 17:26:53 浏览:1731
java安装教程(win10如何安装JAVA)
2024-07-19 19:55:49 浏览:1156
client mfc application未响应(每次进cf就提示client MFC Application未响应该怎么办啊!急急急)
2024-07-20 11:15:58 浏览:1153
标签列表

热门搜索