表单元素的onblur事件表示(onBlur=“check(this.form,this))

2025-02-12 20:50:02 0

表单元素的onblur事件表示(onBlur=“check(this.form,this))

本文目录

onBlur=“check(this.form,this)

onBlur的确是当对象失去焦点时触发的事件。你这里的onBlur事件绑定了一个名为check的javascript方法,该方法含有两个参数,this.form参数是指包含该对象的表单对象,你可以通过这个参数获取所有包含在这个表单里的元素;this参数就是指想要触发onBlur事件的那个对象。不知这样的分析您是否满意呢?呵呵

js做表单验证时,比如用户名输入框有一个onblur事件来验证用户名是空还是不匹配相应的正则表达式

onblur的时候写一个方法,传入当前的对象,然后在方法中获取对象的输入值,判断值是否为空,为空则alert输入的是空,不为空再去用正则表达式验证输入的是否满足要求的格式,同样是if else满足和不满足都可以alert提示你想提示的。

JavaScript表单中常用元素主要属性和事件有哪些

在处理表格的时候,我们关心表单中的信息一般有:

• 表单中元素的值。

• 表单元素触发的事件。(如改变元素的值,鼠标移出和移入元素都是元素的事件。)

• 表单本身的事件,主要是提交表单的操作。

 

对于常用的表单元素,我们有必要了解它的常用属性和事件,下面来分别介绍下:

文本框:

主要属性:

value:通过value属性我们可以获取和设置文本框中的内容。

主要事件:

onfocus:当进入元素的时候触发。

onblur:当离开元素的时候触发。

onchange:当文本框内容发生改变时触发。

onkeypress:键盘按键被按下并释放一个键时触发。

onkeydown:键盘按键被按下触发。

onkeyup:键盘按键被释放触发。

 

复选框和单选框:

主要属性:

value:checked:获取选项是否勾选,值为true和false。

主要事件:

onclick:选框被点击时触发。

onchange:checked的值改变时触发。

 

下拉框:

主要属性:

type:获取下拉框的类型(单选或多选)。

selectedIndex:获取被选中选项的序号。

options.selected一般用于可以多选的下拉框。)

 

主要事件:

onchange:下拉框中被选中的选项改变时触发。

有一个教程网 站-秒秒学上,看下相关的知识,上面讲解得可以。

input的onblur事件的疑问

第一个问题出在,onblur事件一直绑定着,因此只要你在输入框之外任何位置点击都会导致事件执行,就算你在searchbutton点击之后使输入框获得了焦点,可是事件代码已经执行了,所以到了时间就隐藏了。因为click事件比blur事件晚执行,从而无法识别到是不是点击span按钮导致的blur。解决方法:1、把blur内的setTimeout返回值保存为int2、$(“.searchbutton“).click执行时肯定触发了blur,click处理函数里把定时器int关掉clearTimeout(int)第二个问题,很怪异,归根结底还是blur事件绑定的不合适,有事没事就被触发了,自己调试一下看看到底什么问题。

表单元素的onblur事件表示(onBlur=“check(this.form,this))

本文编辑:admin

更多文章:


continue break(for循环中break与continue的区别)

continue break(for循环中break与continue的区别)

本文目录for循环中break与continue的区别continue语句和break语句的区别是什么break ,continue ,return 的区别及作用break和continue区别简述 break和continue的区别bre

2025年2月22日 08:20

humble是什么意思(humble的意思)

humble是什么意思(humble的意思)

本文目录humble的意思humble是 褒义词还是贬义词啊humble的意思humble 英Fosun is far from humble.复星集团也毫不谦虚。humble是 褒义词还是贬义词啊humble hum.ble谦逊,

2025年2月16日 22:00

classic和classical的区别(classic 和classical有什么区别)

classic和classical的区别(classic 和classical有什么区别)

本文目录classic 和classical有什么区别classic与classical区别有什么请问,classic和classical都是形容词,而且都表示为“古典的”,那二者在用法上有何区别classic 和 classical作ad

2025年2月20日 10:10

c语言getchar(C语言中getchar是什么意思)

c语言getchar(C语言中getchar是什么意思)

本文目录C语言中getchar是什么意思c语言getchar什么的功能c语言getchar()的功能是什么c语言getchar用法是怎么样的C语言里的getchar()怎么用c语言“getchar”怎么用C语言中getchar是什么意思ge

2025年2月22日 03:10

logo一键生成器(怎么做个人二维码)

logo一键生成器(怎么做个人二维码)

本文目录怎么做个人二维码如何生成自己的专属二维码怎么做个人二维码这个网上就有现成的网站可以直接制作二维码,直接输入文字、网址、logo等,就能在线生成二维码,下面我介绍几个网站,感兴趣的话,可以使用一下:1.草料二维码生成器:这是一个专门在

2025年3月6日 04:30

中文unicode编码(什么是Unicode码它由几个字节组成)

中文unicode编码(什么是Unicode码它由几个字节组成)

本文目录什么是Unicode码它由几个字节组成Unicode中文编码问题怎么把汉字转换成unicode编码unicode编码是什么意思Unicode中文,日文,韩文,西欧语言等的编码区间是什么什么是Unicode码它由几个字节组成Unico

2025年2月23日 06:30

适配器模式应用场景(各位,23种设计模式都在哪些场合运用到)

适配器模式应用场景(各位,23种设计模式都在哪些场合运用到)

本文目录各位,23种设计模式都在哪些场合运用到适配器模式和代理模式的区别设计模式:适配器模式和代理模式的区别适配器模式的适用情况开发应用场景及顺序各位,23种设计模式都在哪些场合运用到其中创建型有: 一、Singleton,单例模式

2025年3月11日 04:40

constitute和institute区别(college,institute和academy的区别)

constitute和institute区别(college,institute和academy的区别)

本文目录college,institute和academy的区别institute词根词缀分析Education和institute的区别在英语里,constitute和construct的区别college 与institute 的区别都

2025年3月31日 12:40

ireader light2(Kindle和iReader阅读器,哪个比较好用)

ireader light2(Kindle和iReader阅读器,哪个比较好用)

本文目录Kindle和iReader阅读器,哪个比较好用相比kindle,iReader Light有哪些亮点Kindle和iReader阅读器,哪个比较好用巧了,我都用过,入的是ireader Light白色版,然后出了换了Kindle

2025年2月12日 18:30

bundle什么意思(bundle 是什么意思)

bundle什么意思(bundle 是什么意思)

本文目录bundle 是什么意思在java中bundle有什么用bundle什么意思bundle在医学是什么意思bundle的本质是什么bundle 是什么意思柯林斯高级英汉双解词典bundle 例:It’s cheaper to buy

2025年4月1日 17:50

网络设计原则?网络设计这个专业怎么样

网络设计原则?网络设计这个专业怎么样

本文目录网络设计原则网络设计这个专业怎么样网页设计的前景怎么样怎样学习网页设计网页设计需要具备哪些技能网络设计原则(1) 先进性原则从较高的起点对网络建设进行规划,充分采用先进成熟的网络技术,满足应急平台各种业务实时数据、非实时数据传输需要

2025年2月18日 14:50

格莱美是什么活动是在哪里举行的呢?2022格莱美奖提名名单

格莱美是什么活动是在哪里举行的呢?2022格莱美奖提名名单

本文目录格莱美是什么活动是在哪里举行的呢2022格莱美奖提名名单格莱美是什么格莱美是一个什么样性质的奖项想知道格莱美是什么格莱美奖的重要奖项是哪些格莱美奖是什么水平格莱美奖的来历是怎样的格莱美奖是什么奖格莱美是什么活动是在哪里举行的呢一、格

2025年4月1日 23:20

sessionstorage和localstorage(cookies,sessionstorage和localstorage的区别)

sessionstorage和localstorage(cookies,sessionstorage和localstorage的区别)

本文目录cookies,sessionstorage和localstorage的区别cookies,sessionStorage和localStorage的区别localstorage与sessionstorage的异同cookies,se

2025年2月18日 23:40

三阶魔方教程 入门(3阶魔方教程 完整版)

三阶魔方教程 入门(3阶魔方教程 完整版)

本文目录3阶魔方教程 完整版三阶魔方顶棱归位是什么(图解)3阶魔方教程 完整版三阶魔方完整还原口诀:第一、做一个白十字;第二、第一层公式:右顺、上顺、右逆、上顺、右顺、上顺、上顺、右逆;第三、第二层公式:右顺、上顺、右顺、上顺、右逆、上逆、

2025年3月23日 12:40

itemcommand(如何阻止itemcommand enter键提交)

itemcommand(如何阻止itemcommand enter键提交)

本文目录如何阻止itemcommand enter键提交.NET中datalist的ItemCommand,RowCommand是什么如何阻止itemcommand enter键提交出现自动提交的情况,有两种可能:一是编写了javascri

2025年3月6日 08:40

漏洞利用工具(系统激活工具是怎么激活系统的它是怎么绕开微软的秘钥策略的)

漏洞利用工具(系统激活工具是怎么激活系统的它是怎么绕开微软的秘钥策略的)

本文目录系统激活工具是怎么激活系统的它是怎么绕开微软的秘钥策略的如何使用毒霸修复系统漏洞系统激活工具是怎么激活系统的它是怎么绕开微软的秘钥策略的首先要说的是,我个人支持正版系统,尽量避免使用盗版系统。这里只是讨论一下win 10、win 7

2025年3月18日 04:30

下拉框怎么设置默认值(如何设置下拉列表框(cobmo1)的默认值)

下拉框怎么设置默认值(如何设置下拉列表框(cobmo1)的默认值)

本文目录如何设置下拉列表框(cobmo1)的默认值如何在excel中建立下拉列表的默认值如何设置下拉列表框(cobmo1)的默认值可以使用selected属性来实现: 《select》 《option value=“1“》我是

2025年2月12日 11:50

seekbar设置进度(android开发中如何设置seekbar的最小值)

seekbar设置进度(android开发中如何设置seekbar的最小值)

本文目录android开发中如何设置seekbar的最小值如何给Android的SeekBar设置最小值为10android seekbar 有没有从右到左的解决方法如何改变ProgressBar和SeekBar的进度条颜色android开

2025年3月2日 10:00

pkgs与pkg的区别?pkg文件怎么打开

pkgs与pkg的区别?pkg文件怎么打开

本文目录pkgs与pkg的区别pkg文件怎么打开Bin档和pkg文件的区别pkgs与pkg的区别内存不同。坐落于高新区海洋科技园的信创企业麒麟软件,一直是国内操作系统的领军企业。十四五开局之年,麒麟软件通过不断优化产品、对应用市场进行完善部

2025年3月4日 23:10

blueprints(如何评价UnrealEngine4的BluePrints)

blueprints(如何评价UnrealEngine4的BluePrints)

本文目录如何评价UnrealEngine4的BluePrintsblueprint是什么意思如何评价UnrealEngine4的BluePrints很好很强大,只要你逻辑思维没问题,思路够清晰,策划都能实现很多功能,当然有些有点特别点的fe

2025年4月4日 03:20

近期文章

upload(upload的意思)
2025-04-05 11:40:02
本站热文

harbor,port,pier的区别?谁能解释“harbour“(港口)与“pier“(码头)的区别
2025-02-22 17:40:03 浏览:18
ibatis foreach(ibatis 批量update操作)
2025-02-10 23:40:06 浏览:7
endless rain(endless rain表达什么情感)
2025-02-14 06:00:02 浏览:6
标签列表

热门搜索