js验证时出现问题 给每个文本框绑定blur事件 如果验证错误则把焦点返回到当前文本框
html代码:<inputid='a'/><inputid='b'><submitid='sub'></submit>js代码:$("#a").blur(function...
html代码:
<input id='a' /><input id='b'><submit id='sub'></submit>
js代码:
$("#a").blur(function(){
$(this).focus();
return false;
});
$("#b").blur(function(){
$(this).focus();
return false;
});
//如果我这样写话 那么当我的光标在a文本框的时候 如果再点击b文本框 那么就会死循环
现在就是 当光标在a文本框的时候 单击b文本框 只验证a文本框 如果验证失败就把焦点放回a文本框并弹出消息 如果成功就把焦点放到b文本框
js代码具体为:
$("#a").blur(function(){
if(ver($(this))==false){//如果验证失败
$(this).focus();
return false;
}
});
$("#b").blur(function(){
if(ver($(this))==false){
$(this).focus();
return false;
}
});
//注: ver($(this))为验证方法 如果为false时 会弹出失败消息 展开
<input id='a' /><input id='b'><submit id='sub'></submit>
js代码:
$("#a").blur(function(){
$(this).focus();
return false;
});
$("#b").blur(function(){
$(this).focus();
return false;
});
//如果我这样写话 那么当我的光标在a文本框的时候 如果再点击b文本框 那么就会死循环
现在就是 当光标在a文本框的时候 单击b文本框 只验证a文本框 如果验证失败就把焦点放回a文本框并弹出消息 如果成功就把焦点放到b文本框
js代码具体为:
$("#a").blur(function(){
if(ver($(this))==false){//如果验证失败
$(this).focus();
return false;
}
});
$("#b").blur(function(){
if(ver($(this))==false){
$(this).focus();
return false;
}
});
//注: ver($(this))为验证方法 如果为false时 会弹出失败消息 展开
3个回答
展开全部
好像return false;在这里没什么用处。
基本上应该用$(this).focus();来重新将焦点放到当前文本框。
不过,不同浏览器在处理这个焦点返回时的具体实现上有所不同:
在Chrome中,不会激活其他控件的blur消息,所以不会出现死循环。
但是在IE中却会重复激活,因此,还需要其他控制。
建议增加一个全局变量记录当前处于什么控件的blur处理中:
var inBlur=null; //缺省为空
$("#a").blur(function(eventObject){
if (inBlur!=null && inBlur!='a') return; // 如果当前在其他控件的blur处理中,则忽略此消息
inBlur='a'; // 标记inBlur
if (this.value!='a') { // 验证值
alert("error");
$(this).focus(); // 这里返回之后,inBlur标志保持为'a',所以b的blur方法不会处理。
} else {
inBlur=null; // 如果验证通过,则清空inBlur标志
}
});
b的方法类似,不重复了。
基本上应该用$(this).focus();来重新将焦点放到当前文本框。
不过,不同浏览器在处理这个焦点返回时的具体实现上有所不同:
在Chrome中,不会激活其他控件的blur消息,所以不会出现死循环。
但是在IE中却会重复激活,因此,还需要其他控制。
建议增加一个全局变量记录当前处于什么控件的blur处理中:
var inBlur=null; //缺省为空
$("#a").blur(function(eventObject){
if (inBlur!=null && inBlur!='a') return; // 如果当前在其他控件的blur处理中,则忽略此消息
inBlur='a'; // 标记inBlur
if (this.value!='a') { // 验证值
alert("error");
$(this).focus(); // 这里返回之后,inBlur标志保持为'a',所以b的blur方法不会处理。
} else {
inBlur=null; // 如果验证通过,则清空inBlur标志
}
});
b的方法类似,不重复了。
展开全部
因为你已经return false了,函数已经结束了。
函数体里面,最外面定义个var flag = true;
每个return false修改为flag = false;
最后修改为return flag;
<script type="text/javascript">
function check()
{
var isChecked;
var flag = true;
for(var i=1;i<=50;i++)
{
if($(i).checked==true)
{
isChecked=true;
break;
}
}
if(isChecked==true)
{
//alert("提交成功!");
}
else
{
alert("产品类别:请至少选一项!");
flag = false;
}
if(document.zwei1.zwei2.value=="")
{
alert("请输入用户名!");
document.zwei1.zwei2.focus();
flag = false;
}
return flag;
}
function $(obj)
{
return document.getElementById(obj);
}
</script>
函数体里面,最外面定义个var flag = true;
每个return false修改为flag = false;
最后修改为return flag;
<script type="text/javascript">
function check()
{
var isChecked;
var flag = true;
for(var i=1;i<=50;i++)
{
if($(i).checked==true)
{
isChecked=true;
break;
}
}
if(isChecked==true)
{
//alert("提交成功!");
}
else
{
alert("产品类别:请至少选一项!");
flag = false;
}
if(document.zwei1.zwei2.value=="")
{
alert("请输入用户名!");
document.zwei1.zwei2.focus();
flag = false;
}
return flag;
}
function $(obj)
{
return document.getElementById(obj);
}
</script>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询