2 suanmou suanmou 于 2016.09.07 23:43 提问

表单用js绑定blur事件,表单一开始就处于失焦状态,一打开直接就执行函数,如何改正? 2C

<!DOCTYPE html>



注册




注册

填写账户信息,以下信息均为必填

登录账户:

登录密码:

确认密码:

商业名称:

商业地址:

广东省广西省湖南省江西省四川省中山市广州市深圳市梅州市佛山市番禺区白云区天河区海珠区越秀区

负责人姓名:

电子邮箱:

QQ:

手机:

手机验证码:

我已阅读并同意《用户注册协议》

登录

您忘记密码了吗? 我已有账号,我要登录

免责条款   | 隐私保护   | 咨询热点   | 联系我们   | 公司简介   | 配送方式

2005-2016 便利驿站 版权所有,并保留所有权利。凌塘12号大院三区一号  Tel:32292315

E-mail:11651562@qq.com   技术支持:骐云科技

function $(id){ return document.getElementById(id); } function check(){ if(email==""){ alert("邮箱不能为空!"); $("email").focus(); return false; } if(psd1==""||psd2==""){ alert("密码不能为空!"); $("psd1").focus(); return false; } if(userName==""){ alert("用户名不能为空!"); $("useName").focus(); return false; } } function checkEmail(){ $("emailTip").innerHTML=""; email=$("email").value; if(email==""){ $("emailTip").innerHTML="*e-mail不能为空"; return false; } else if(email.indexOf("@")==-1||email.indexOf(".")==-1){ $("emailTip").innerHTML="*e-mail格式不正确"; return false; } } function checkUser(){ $("userTip").innerHTML=""; var userName=$("userName").value; if(userName==""){ $("userTip").innerHTML="*用户名不能为空"; return false; } } function checkPsd(){ $("psdTip").innerHTML=""; $("repsdTip").innerHTML=""; psd1=$("psd1").value; psd2=$("psd2").value; if(psd1==""){ $("psdTip").innerHTML="*密码不能为空"; return false; } else if(psd2==""){ $("repsdTip").innerHTML="*请输入两次密码"; return false; } else if(psd1!=psd2){ $("repsdTip").innerHTML=""; $("repsdTip").innerHTML="*请输入相同的密码"; $("psd2").focus(); return false; } } window.onload=function(){ var userName=$("userName").value, psd1=$("psd1").value, psd2=$("psd2").value, homeName=$("homeName").value, address=$("address").value, monitor=$("monitor").value, email=$("email").value, qqNumber=$("qqNumber").value, phone=$("phone").value, code=$("code").value; } var eventUtil={ addHandler:function(element,type,handler){ if(element.addEventListener){ element.addEventListener(type,handler,false); } else if(element.attachEvent){ element.attachEvent("on"+type,handler); } else { element["on" + type] = handler; } }, removeHandler: function(element,type,handler){ if(element.removeEventListener){ element.removeEventListener(type,handler,false); } else if(element.detachEvent){ element.detachEvent("on"+type,handler); } else{ element["on"+type]=null; } } }; eventUtil.addHandler("email","blur",checkEmail());



粗糙的代码段,怎么让电子邮箱哪里不直接显示而是失焦后显示

4个回答

qq_35994257
qq_35994257   2016.09.08 08:35

$("input").blur(function(){
$("input").css("background-color","#D6D6FF");
}); css那里可以换成你想要达到的效果。JQuery.........

qq_29594393
qq_29594393   Ds   Rxr 2016.09.08 09:00

不要用blur 用change事件,一开始不会触发,效果和blur一样

u013829202
u013829202   Rxr 2016.09.08 13:23

做绑定事件不是好一点吗? 我推荐用jq.validate比较好用的验证框架,不用自己写

zhuzige521888
zhuzige521888   2016.09.08 15:12

正常一开始不会触发blur事件的,因为一开始没有焦点,怎么会触发失去焦点,仔细检查检查看看是不是初始化时调用了什么。$("email").focus();

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!
其他相关推荐
js给文本框动态绑定onblur方法,失焦的时候触发
js给文本框动态绑定onblur方法,失焦的时候触发;存在局部刷新元素也适应。
Js先触发失去焦点事件再执行点击事件解决方法
最近在做公司的某个从项目,基本设计和淘宝登陆页类似: 1)文本框内容为空是,文本框右侧无清除按钮,当有内容时立即显示清除按钮; 2)当文本框失去焦点时,清除按钮消失,获取焦点时若文本框内有内容,则显示清除按钮,否则不显示; 3)文本框再有内容且获取焦点的情况下,点击清除按钮,文本框内容置空,且清除按钮消失。 随后想了想,感觉是个很简单的需求,只要结合使用keyup和blur以及click时间
表单验证用onblur(失去焦点事件)实现
<body> <script type="text/javascript" charset="utf-8"> function check(name,reg,spanId,okInfo,errorInfo){ var flag; var val = document.getElementsByName(name)[0].value; var oSpanNode = docum
【解决方案】如何解决输入框失焦事件与按钮点击事件冲突的问题
直接上代码(demo可直接拷贝运行): Title .father{ width: 500px; height: 300px; background: green; padding-top: 20px; } .
input中blur失去焦点事件与点击事件冲突的解决方法
在做微信页的时候,遇到一个问题,就是输入框input的blur事件与点击click事件的冲突了,在click的时候会先触发blur事件,没有触发click     然后在网上找到了一种比较简单的方法,就是给blur事件一个延迟,这样子就可以先触发click事件了    $('.getmessage_inp').on({ focus:function() { $(".getcoupon")
让HTML标签、DIV、SPAN拥有onfocus和onblur,聚焦和失焦
默认火狐或者其他浏览器里DIV和其他普通标签是不具有onfocus和onblur事件的,经我长久论证因为他们不具有tab属性,所以只要我们创建tab,那么任何标签都可以具有tab属性。 什么标签具有tab呢?显然input和a是得天独厚的具有,我们经常用键盘上的tab键进行移动光标的时候,我们发现光标只在具有tab属性的元素上进行跳转。 我们现在来让div拥有tab并具有onfucus
div无法触发blur事件解决办法
默认情况下div无法获取焦点,无法触发focus与blur事件,猜测span,a等标签也无法触发焦点事件(input:button,及button标签可以触发) 如何使div触发blur事件:可以给div加上tabindex属性 在线演示:http://sandbox.runjs.cn/show/e0bvfcag 源码: Document .box{ width:
jquery实现触发、失去焦点操作并执行ajax操作
js--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- // 失去焦点 $("#
输入框事件监听(三):blur与change的差异
blur与change事件在绝大部分的情况下表现都非常相似,输入结束后,离开输入框,会先后触发change与blur,唯有两点例外。1. 没有进行任何输入时,不会触发change在这种情况下,输入框并不会触发change事件,但一定会触发blur事件。在判断表单的修改状态时,这种差异会非常有用,通过change事件能轻易地找到哪些字段发生了变更以及其值的变更轨迹。2. 输入后值并没有发生变更这种情况
JavaScript 打开页面就执行
打开页面就执行JS          alert("打开页面就执行的代码!");              function window_onload() {        alert("页面加载完毕后才执行的代码!");      }             IE对页面的解释是逐行的.