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
上传中...
上传图片
插入图片