Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/395.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在输入中找到大写字母时使图像发生更改_Javascript_Jquery_Css - Fatal编程技术网

Javascript 在输入中找到大写字母时使图像发生更改

Javascript 在输入中找到大写字母时使图像发生更改,javascript,jquery,css,Javascript,Jquery,Css,我正在尝试检查密码输入中是否至少有一个大写字母,如果是,请更改默认的“删除”图像并将其更改为选中标记图像 有人知道我做错了什么吗 $(“#寄存器”).keyup(函数(){ var大写=$(“#大写”).val(); var upperCaseValid=upperCase.toUpperCase().length>=1; /*如果(upperCaseValid==upperCaseValid.toUpperCase()){ $('#大写').attr('src','icons/collect

我正在尝试检查密码输入中是否至少有一个大写字母,如果是,请更改默认的“删除”图像并将其更改为选中标记图像

有人知道我做错了什么吗

$(“#寄存器”).keyup(函数(){
var大写=$(“#大写”).val();
var upperCaseValid=upperCase.toUpperCase().length>=1;
/*如果(upperCaseValid==upperCaseValid.toUpperCase()){
$('#大写').attr('src','icons/collection/checkmark.png');
}*/
$('#大写').attr('src',大写有效?'https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcQlyqJ14HYP1WclpK9RkJWo8jIDBkhTW0GS31AxRkozAEA72ULhY89LIzk':'icons/collection/delete.png');
});
#密码检查{
保证金:30像素自动;
}
.密码检查字段{
颜色:黑色;
}
.密码检查字段img{
右边距:15px;
高度:15px;
宽度:15px;
}

名字
选择一个密码
您的密码至少有1个大写字母

要检查字符串是否包含大写字符,可以使用正则表达式,特别是
[a-Z]
。还请注意,在您的示例中,您正在检查
#大写
元素的值,它是一个图像。我认为选择器应该是
#password
。试试这个

$(“#寄存器”).keyup(函数(){
var upperCaseValid=$(“#密码”).val().match(/[A-Z]/g);
$('#大写').attr('src',大写有效?'https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcQlyqJ14HYP1WclpK9RkJWo8jIDBkhTW0GS31AxRkozAEA72ULhY89LIzk':'icons/collection/delete.png');
});
#密码检查{
保证金:30像素自动;
}
.密码检查字段{
颜色:黑色;
}
.密码检查字段img{
右边距:15px;
高度:15px;
宽度:15px;
}

名字
选择一个密码
您的密码至少有1个大写字母
尝试使用此选项(我使用文本而不是图像):


谢谢!我认为
toUpperCase
是实现这一点的唯一函数。
中的g匹配什么(/[A-Z]/g)做什么?不太好
toUpperCase()
只将字符串转换为大写字符,它不会检测到它们。突出显示的部分是正则表达式:
$('#register').keyup(function() {
  var upperCaseValid = /[A-Z]/.test($('#password').val());
  $('#msg').text(upperCaseValid ? 'Password contains uppercase character(s)' : 'Password doesn\'t contain uppercase character(s)');
});