onsubmit是网页中的事件吗(JavaScript中,当用户表单填写不正确,如果通过JavaScript阻止用户提交表单)
本文目录
- JavaScript中,当用户表单填写不正确,如果通过JavaScript阻止用户提交表单
- javascript 触发事件
- ASP问题 onclick和onsubmit的区别
- js中click事件与submit事件的区别
- jsp中form表单的onsubmit事件问题
- 在HTML中,表单元素文本框(text)不支持的事件包括()
- 请问jsp 中有哪些监听事件可以引发页面跳转.(除了onclick 和onblur之外),还有哪些希望有比较全的答案
- HTML中的事件属性要怎么理解
- [php]onSubmit和onclick区别
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则会引起此次点击操作被判断为无效,则也就不会引起表单提交.
更多文章:
汉字unicode排序(sqlserver 汉字默认排序是什么方式)
2024年6月26日 19:26
go开发app(go语言库是封装了windows的api吗)
2024年7月23日 14:05
python中pass的用法(python中的pass代表什么意思呢)
2024年6月14日 15:06
全免费字体商店(qq字体商城“开通会员免费领取以下字体”,在这个地方开通一个月的vip领取字体后字体的可用期是多久)
2024年7月13日 04:15
cloneable接口实现原理(在java中 clone为什么要用super.clone()方法 这里为什么要用super不是this)
2024年7月18日 05:24
random python(python怎样安装random)
2024年7月16日 18:55
repeater控件(asp.net中怎样获取repeater中的数据)
2024年7月5日 18:04
selective tool怎么卸载(如何卸载虚拟机中VMware tools)
2024年7月16日 11:37
literature怎么读英语(literature(文学)怎么读)
2024年7月19日 06:50