js光标离开文本框事件(js光标定位到文本框)
怎么用jQuery实现当光标移开文本框后触发事件
假如你的textbox的ID是“txtMy”： 后台的Page_Load事件中加这么段代码： protected void Page_Load(object sender, EventArgs e) { this.txtMy.Attributes.Add("onmouseout", "javascript:alert(\"离开我了\");"); } 或者直接 如果是Input标签。...
求一段JS代码！鼠标离开文本框后提交数据！
form name="from1"
input type="text" name="txt1" id="txt1" onblur="getVal(this.id)" /
input type="text" name="txt2" id="txt2" onblur="getVal(this.id)" /
/form
script type="text/javascript"
function getVal(id)
{
alert(document.getElementById(id).value);
}
/script
注：onblur事件是在失去焦点的时候，不知道符不符合你的要求
你还可以试试onmouseout，鼠标一移出文本框就触发
运行表单时,若焦点(光标)试图离开文本框,此时将会激发什么事件？
将会激发：Valid 事件。 vfp valid事件是一个对象在失去焦点之前发生的事件
经常用到的命令是使焦点不离开控件如文本框控件
javascript中js中当光标离开输入的文本后,自动提示相应的错误信息
onBlur事件是当光标离开当前获得聚焦对象的时候，触发onblur事件，同时执行被调用的程序
示例
form?name="blur_test"
???p姓名?input?type="text"?name="name"value=""?size="30"onblur="chkvalue(this)"br
????性别?inputtype="text"?name="sex"?value=""size="30"?onblur="chkvalue(this)"br
????年龄?inputtype="text"?name="age"?value=""size="30"?onblur="chkvalue(this)"br
????住址?inputtype="text"?name="addr"?value=""size="30"?onblur="chkvalue(this)"/p
/form
JS代码
scriptlanguage="JavaScript"
?
function?chkvalue(txt)?{
???if(txt.value=="")?alert("文本框里必须填写内容!");
}
?
/script
js文本框验证
下面是一个验证18位号码的完整HTML代码，你直接复制回去在一个新HTML文档中就可以试验。
当用户录入完后，光标离开文本框便开始验证，也就是onBlur事件，你可以根据你自己不同的需要来改变它
!doctype?html
html?lang="zh"
head
meta?charset="UTF-8"
title身份证号码校验/title
/head
body
input?type="text,"?onBlur="IdCardValidate(this)"
script?type="text/javascript"
var?Wi?=?[?7,?9,?10,?5,?8,?4,?2,?1,?6,?3,?7,?9,?10,?5,?8,?4,?2,?1?]; //?加权因子???
var?ValideCode?=?[?1,?0,?10,?9,?8,?7,?6,?5,?4,?3,?2?]; //?身份证验证位值.10代表X???
function?IdCardValidate(th)?{?
var?idCard?=?th.value;
idCard?=?trim(idCard.replace(/?/g,?"")); ???//去掉字符串头尾空格 ?
if?(idCard.length?==?15)?{???
return?isValidityBrithBy15IdCard(idCard); ???//进行15位身份证的验证
}?else?if?(idCard.length?==?18)?{???
var?a_idCard?=?idCard.split(""); //?得到身份证数组???
if(isValidityBrithBy18IdCard(idCard)isTrueValidateCodeBy18IdCard(a_idCard)){???//进行18位身份证的基本验证和第18位的验证
th.style.backgroundColor?=?"green";???
}else?{???
th.style.backgroundColor?=?"red";???
}???
}?else?{???
th.style.backgroundColor?=?"red";??
}???
}???
/**??
?*?判断身份证号码为18位时最后的验证位是否正确??
?*?@param?a_idCard?身份证号码数组??
?*?@return??
?*/??
function?isTrueValidateCodeBy18IdCard(a_idCard)?{???
var?sum?=?0; ?//?声明加权求和变量???
if?(a_idCard[17].toLowerCase()?==?'x')?{???
a_idCard[17]?=?10; //?将最后位为x的验证码替换为10方便后续操作???
}???
for?(?var?i?=?0;?i??17;?i++)?{???
sum?+=?Wi[i]?*?a_idCard[i]; //?加权求和???
}???
valCodePosition?=?sum?%?11; //?得到验证码所位置???
if?(a_idCard[17]?==?ValideCode[valCodePosition])?{???
return?true;???
}?else?{???
return?false;???
}???
}???
/**??
??*?验证18位数身份证号码中的生日是否是有效生日??
??*?@param?idCard?18位书身份证字符串??
??*?@return??
??*/??
function?isValidityBrithBy18IdCard(idCard18){???
var?year?=??idCard18.substring(6,10);???
var?month?=?idCard18.substring(10,12);???
var?day?=?idCard18.substring(12,14);???
var?temp_date?=?new?Date(year,parseFloat(month)-1,parseFloat(day));???
//?这里用getFullYear()获取年份，避免千年虫问题???
if(temp_date.getFullYear()!=parseFloat(year)???
??||temp_date.getMonth()!=parseFloat(month)-1???
??||temp_date.getDate()!=parseFloat(day)){???
return?false;???
}else{???
return?true;???
}???
}???
??/**??
???*?验证15位数身份证号码中的生日是否是有效生日??
???*?@param?idCard15?15位书身份证字符串??
???*?@return??
???*/??
??function?isValidityBrithBy15IdCard(idCard15){???
??var?year?=??idCard15.substring(6,8);???
??var?month?=?idCard15.substring(8,10);???
??var?day?=?idCard15.substring(10,12);???
??var?temp_date?=?new?Date(year,parseFloat(month)-1,parseFloat(day));???
??//?对于老身份证中的你年龄则不需考虑千年虫问题而使用getYear()方法???
??if(temp_date.getYear()!=parseFloat(year)???
??||temp_date.getMonth()!=parseFloat(month)-1???
??||temp_date.getDate()!=parseFloat(day)){???
return?false;???
}else{???
return?true;???
}???
??}???
//去掉字符串头尾空格???
function?trim(str)?{???
return?str.replace(/(^\s*)|(\s*$)/g,?"");???
}??
/script
/body
/html