获取要重置的javascript函数
我有一个keyup函数,它检查密码字段中输入的字符数。它在大多数情况下都可以工作,但是如果我删除了字符,我就无法弄清楚如何让图像重置回默认状态 我该怎么做获取要重置的javascript函数,javascript,jquery,function,Javascript,Jquery,Function,我有一个keyup函数,它检查密码字段中输入的字符数。它在大多数情况下都可以工作,但是如果我删除了字符,我就无法弄清楚如何让图像重置回默认状态 我该怎么做 $(“#寄存器”).keyup(函数(){ var password=$(“#password”).val(); 如果(password.length>=6){ $(“#个字符”).addClass('none'); hasrerror=true; } }); 。无{ 显示:无; } #密码检查{ 保证金:30像素自动; } .密码检查字段
$(“#寄存器”).keyup(函数(){
var password=$(“#password”).val();
如果(password.length>=6){
$(“#个字符”).addClass('none');
hasrerror=true;
}
});代码>
。无{
显示:无;
}
#密码检查{
保证金:30像素自动;
}
.密码检查字段{
颜色:黑色;
}
.密码检查字段img{
右边距:15px;
高度:15px;
宽度:15px;
}
名字
选择一个密码
您的密码至少包含6个字符
试试这个
if (password.length >= 6) {
$("#characters").addClass('none');
hasError = true;
} else {
$("#characters").removeClass('none')
hasError = false;
}
试试这个
if (password.length >= 6) {
$("#characters").addClass('none');
hasError = true;
} else {
$("#characters").removeClass('none')
hasError = false;
}
添加一个else
:
if(password.length >= 6) {
$("#characters").addClass('none');
hasError = true;
} else {
$("#characters").removeClass('none');
hasError = false;
}
还有,你不是有错误吗?如果有超过6个字符,是否不应该有错误,因此hasrerror
应该是false
?添加一个else
:
if(password.length >= 6) {
$("#characters").addClass('none');
hasError = true;
} else {
$("#characters").removeClass('none');
hasError = false;
}
还有,你不是有错误吗?如果有超过6个字符,不应该有错误,因此hasrerror
应该是false
?如果不需要,应该删除该类
$('#register').keyup(function() {
var password = $("#password").val();
if (password.length >= 6) {
$("#characters").addClass('none');
hasError = true;
} else{
$("#characters").removeClass('none');
hasError = false;
}
});
如果不需要,您应该删除该类
$('#register').keyup(function() {
var password = $("#password").val();
if (password.length >= 6) {
$("#characters").addClass('none');
hasError = true;
} else{
$("#characters").removeClass('none');
hasError = false;
}
});
您可以为此使用:
$('#register').keyup(function() {
var password = $("#password").val();
hasError = password.length >= 6; // make sure to set the correct error condition here
$("#characters").toggleClass('none', hasError);
});
您可以为此使用:
$('#register').keyup(function() {
var password = $("#password").val();
hasError = password.length >= 6; // make sure to set the correct error condition here
$("#characters").toggleClass('none', hasError);
});
当密码长度小于6个字符时,需要检查大小写,如果是,则删除none
类。通过使用toggleClass()
,可以使此逻辑更加简洁
还要注意,您的hasrerror
变量似乎是向后的;当然,只有当密码<6
时,它才应该是true
。试试这个:
$(“#寄存器”).keyup(函数(){
var passwordLengthValid=$(“#password”).val().length>=6;
$(“#字符”).toggleClass('none',passwordLengthValid);
var hasError=!passwordLengthValid;
//请注意,如果要更改图像src而不是隐藏它,请使用以下命令:
$('#characters').attr('src',passwordLengthValid?'valid image.jpg':'error image.jpg');
});代码>
。无{
显示:无;
}
#密码检查{
保证金:30像素自动;
}
.密码检查字段{
颜色:黑色;
}
.密码检查字段img{
右边距:15px;
高度:15px;
宽度:15px;
}
名字
选择一个密码
您的密码至少包含6个字符
当密码长度小于6个字符时,需要检查大小写,如果是,则删除none
类。通过使用toggleClass()
,可以使此逻辑更加简洁
还要注意,您的hasrerror
变量似乎是向后的;当然,只有当密码<6
时,它才应该是true
。试试这个:
$(“#寄存器”).keyup(函数(){
var passwordLengthValid=$(“#password”).val().length>=6;
$(“#字符”).toggleClass('none',passwordLengthValid);
var hasError=!passwordLengthValid;
//请注意,如果要更改图像src而不是隐藏它,请使用以下命令:
$('#characters').attr('src',passwordLengthValid?'valid image.jpg':'error image.jpg');
});代码>
。无{
显示:无;
}
#密码检查{
保证金:30像素自动;
}
.密码检查字段{
颜色:黑色;
}
.密码检查字段img{
右边距:15px;
高度:15px;
宽度:15px;
}
名字
选择一个密码
您的密码至少包含6个字符
很有启发性,谢谢!但是,当图像超过6级时,如何在适当的位置添加新图像?我尝试添加$(“#charactersOK”).addClass(“块”)代码>正在显示的类块<代码>显示:块代码>。我在底部添加了关于我如何更改字段的代码。要更改图像,请使用$(“#characters”).attr('src','new image file here.jpg')
添加这一点,即使添加了一个字符也会更改src。很难诊断我看不到的代码,但我在上面为您添加了一个工作示例。非常有启发性。谢谢!但是,当图像超过6级时,如何在适当的位置添加新图像?我尝试添加$(“#charactersOK”).addClass(“块”)代码>正在显示的类块<代码>显示:块代码>。我在底部添加了我如何更改字段的代码。要更改图像,请使用$(“#characters”).attr('src','new image file here.jpg')
添加这一点,即使添加了一个字符也会更改src。很难诊断我看不到的代码,但我在上面为您添加了一个工作示例。