社区
JavaScript
帖子详情
input 添加onblur事件 来做校验,但是紧接着的按钮失效??
tingzi1231
2015-07-21 12:46:20
手机号验证时onblur 事件,所以输入完手机号后第一次点击获取手机验证码 时候 不起作用。怎么改啊
...全文
799
4
打赏
收藏
input 添加onblur事件 来做校验,但是紧接着的按钮失效??
手机号验证时onblur 事件,所以输入完手机号后第一次点击获取手机验证码 时候 不起作用。怎么改啊
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
4 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
tingzi1231
2015-07-21
打赏
举报
回复
想实现的效果是:输入框输入完成后,点击按钮马上弹出alert("发送手机验证码!"); 而不是点击第二次时 才起作用
tingzi1231
2015-07-21
打赏
举报
回复
相关代码: $(document).ready(function(){ $("#ww").blur(function(){ alert("失去焦点!"); }); }); function sendPhone(){ alert("发送手机验证码!"); } </script> </head> <body> Enter your name: <input type="text" id="ww"/> <input type="button" id="phone_input" onClick="sendPhone()" value="获取手机验证码"></input> </td>
tingzi1231
2015-07-21
打赏
举报
回复
如果输入手机号后 填别的内容 点击获取按钮,一次可以成功 如果输入手机号后 直接点击 获取按钮 相当于 onblur 验证 手机号校验了,只有再次点击获取按钮的时候才会成功
娃都会打酱油了
2015-07-21
打赏
举报
回复
你的验证事件会跟按钮点击事件起冲突?因为你无代码,所以只能猜测
【
input
】输入框
事件
总结
INPUT
输入框常用的
事件
总结语法:
onblur
和onclick冲突的解决方法
input
输入框绑定
onblur
事件
,
input
输入框的发送
按钮
绑定onclick
事件
。在点击发送
按钮
的的同时,
input
也失去了焦点,所以会触发
onblur
事件
,并且
onblur
会优先于onclick执行。也就是说让
onblur
延迟一段时间再执行,在这一段时间内onclick会正常执行,并且onclick中的cleartimeout会停止
onblur
的执行。2.查阅资料 我看还有一种解决方式 将onclick替换为onmousedown 因为我这是h5页面 所以使用touchend。
关于easyui的日期框onchange、
onblur
、onfocus、onproperty
事件
失效
的解决办法。
最近在
做
前端优化时碰到这么一个问题,填写完日期失去焦点后自动更新另一个输入框的日期,但是发现easyui的databox日期框不支持
onblur
事件
的触发(日期框的改变并不会失去焦点),必须双击才可以触发
事件
,之后又试了类似的onchange、onfocus等,结果都是凉凉,着实很难受,最后在官方的文档中,找到了关于对于easyui的
事件
触发,下面分享给大家。 <td class="A"> <
input
name="dd" id="dd" class="easyu...
vue获取
input
焦点
事件
_vue 表单输入框不支持focus及blur
事件
的解决方案
这篇文章主要介绍了vue 表单输入框不支持focus及blur
事件
的解决方案,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧采用指令的方式来解决这个问题(此处的前端框架以mint-ui为例):1.html引用: v-mtfocus2.在实例中
添加
指令directives: {'mtfocus' (el, binding, vnode) {let mt
input
= el.query...
ios
input
获取焦点弹出软键盘问题
微信h5页面ios系统,
input
聚焦后软件盘导致页面问题 1 情况一:出现白屏现象 下面代码是实现页面复制的功能,当没readOnly时,部分ios机在执行到aux.select()时出现页面出现页面上移,如果已经是底部,会多出半白屏(html背景色)。若给
input
添加
readOnly属性后,软键盘导致页面位移的问题解决,但是readOnly会使document.execCommand(“copy”)在部分ios机型
失效
,重置滚动条位置会出现闪烁现象,使用clipboardjs进行复制功能。 var
JavaScript
87,987
社区成员
224,683
社区内容
发帖
与我相关
我的任务
JavaScript
Web 开发 JavaScript
复制链接
扫一扫
分享
社区描述
Web 开发 JavaScript
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章