表单元素的onblur事件表示(onBlur=“check(this.form,this))
本文目录
- onBlur=“check(this.form,this)
- js做表单验证时,比如用户名输入框有一个onblur事件来验证用户名是空还是不匹配相应的正则表达式
- JavaScript表单中常用元素主要属性和事件有哪些
- input的onblur事件的疑问
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事件绑定的不合适,有事没事就被触发了,自己调试一下看看到底什么问题。
更多文章:

continue break(for循环中break与continue的区别)
2025年2月22日 08:20

classic和classical的区别(classic 和classical有什么区别)
2025年2月20日 10:10

中文unicode编码(什么是Unicode码它由几个字节组成)
2025年2月23日 06:30

适配器模式应用场景(各位,23种设计模式都在哪些场合运用到)
2025年3月11日 04:40

constitute和institute区别(college,institute和academy的区别)
2025年3月31日 12:40

ireader light2(Kindle和iReader阅读器,哪个比较好用)
2025年2月12日 18:30

sessionstorage和localstorage(cookies,sessionstorage和localstorage的区别)
2025年2月18日 23:40

itemcommand(如何阻止itemcommand enter键提交)
2025年3月6日 08:40

漏洞利用工具(系统激活工具是怎么激活系统的它是怎么绕开微软的秘钥策略的)
2025年3月18日 04:30

下拉框怎么设置默认值(如何设置下拉列表框(cobmo1)的默认值)
2025年2月12日 11:50

seekbar设置进度(android开发中如何设置seekbar的最小值)
2025年3月2日 10:00

blueprints(如何评价UnrealEngine4的BluePrints)
2025年4月4日 03:20