Javascript 如何在引导中验证密码字段?
我在asp.net中使用bootstrap。我想验证密码字段。当用户单击密码字段时,我的代码显示信息框Javascript 如何在引导中验证密码字段?,javascript,jquery,asp.net,twitter-bootstrap,passwords,Javascript,Jquery,Asp.net,Twitter Bootstrap,Passwords,我在asp.net中使用bootstrap。我想验证密码字段。当用户单击密码字段时,我的代码显示信息框 <div id="pswd_info"> <h4>Password requirements:</h4> <ul> <li id="letter" class="invalid fa-warning"> At least <strong>one letter</strong><
<div id="pswd_info">
<h4>Password requirements:</h4>
<ul>
<li id="letter" class="invalid fa-warning"> At least <strong>one letter</strong></li>
<li id="capital" class="invalid"> At least <strong>one capital letter</strong></li>
<li id="number" class="invalid"> At least <strong>one number</strong></li>
<li id="special" class="invalid"> At least <strong>one special character</strong></li>
<li id="length" class="invalid"> Be at least <strong>8 characters</strong></li>
</ul>
</div>
密码要求:
至少有一个字母
- 至少一个大写字母
- 至少一个数字
- 至少有一个特殊字符
- 至少应8个字符
javascript
$(文档).ready(函数(){
$('#password').keyup(函数(){
//设置密码变量
var pswd=$(this.val();
//验证长度
如果(pswd.length<8){
$('#length').removeClass('valid').addClass('invalid');
}否则{
$('#length').removeClass('invalid').addClass('valid');
}
//确认信
if(pswd.match(/[A-z]/)){
$(“#字母”).removeClass('invalid').addClass('valid');
}否则{
$(“#字母”).removeClass('valid').addClass('invalid');
}
//验证大写字母
if(pswd.match(/[A-Z]/)){
$(“#大写”).removeClass('invalid').addClass('valid');
}否则{
$(“#大写”).removeClass('valid').addClass('invalid');
}
//验证号码
if(pswd.match(/\d/)){
$('#number')。removeClass('invalid')。addClass('valid');
}否则{
$('#number').removeClass('valid').addClass('invalid');
}
//验证特殊字符
if(pswd.match(/[!@$%^&*]/){
$('#special').removeClass('invalid').addClass('valid');
}否则{
$('#special').removeClass('valid').addClass('invalid');
}
});
$('#密码')。焦点(函数(){
$('pswd_info').show();
});
$('#password').blur(函数(){
$('pswd_info')。隐藏();
});
});
以上代码仅显示信息框,并根据用户输入更改每个li。但是,仍然接受任何不符合条件的密码。如何验证#密码字段?我已经有下面的脚本来验证其他字段
JavaScript
//初始化验证器函数
validator.message.date='不是实际日期';
//验证“模糊”事件中的字段,验证“更改”事件中的“选择”字段,以及验证“键控”中的“reuired”类多字段:
$(“形式”)
.on('blur','input[required],input.optional,select.required',validator.checkField)
.on('change','select.required',validator.checkField)
.on('keypress','input[required][pattern]”,validator.keypress);
$('.multi.required')。在('keyup blur','input',function()上{
validator.checkField.apply($(this.sides().last()[0]);
});
$('form')。提交(函数(e){
e、 预防默认值();
var submit=true;
//使用泛型validang评估表单
如果(!validator.checkAll($(this))){
提交=错误;
}
如果(提交)
这个。提交();
返回false;
});
至少八个字符,至少一个字母和一个数字:
"^(?=.*[A-Za-z])(?=.*\d)[A-Za-z\d]{8,}$"
"^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)[a-zA-Z\d]{8,}$"
至少八个字符、至少一个字母、一个数字和一个特殊字符:
"^(?=.*[A-Za-z])(?=.*\d)(?=.*[$@$!%*#?&])[A-Za-z\d$@$!%*#?&]{8,}$"
"^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[$@$!%*?&])[A-Za-z\d$@$!%*?&]{8,}"
"^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[$@$!%*?&])[A-Za-z\d$@$!%*?&]{8,10}"
至少八个字符,至少一个大写字母、一个小写字母和一个数字:
"^(?=.*[A-Za-z])(?=.*\d)[A-Za-z\d]{8,}$"
"^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)[a-zA-Z\d]{8,}$"
至少八个字符,至少一个大写字母、一个小写字母、一个数字和一个特殊字符:
"^(?=.*[A-Za-z])(?=.*\d)(?=.*[$@$!%*#?&])[A-Za-z\d$@$!%*#?&]{8,}$"
"^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[$@$!%*?&])[A-Za-z\d$@$!%*?&]{8,}"
"^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[$@$!%*?&])[A-Za-z\d$@$!%*?&]{8,10}"
最少8个字符,最多10个字符,至少一个大写字母、一个小写字母、一个数字和一个特殊字符:
"^(?=.*[A-Za-z])(?=.*\d)(?=.*[$@$!%*#?&])[A-Za-z\d$@$!%*#?&]{8,}$"
"^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[$@$!%*?&])[A-Za-z\d$@$!%*?&]{8,}"
"^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[$@$!%*?&])[A-Za-z\d$@$!%*?&]{8,10}"
至少八个字符,至少一个字母和一个数字:
"^(?=.*[A-Za-z])(?=.*\d)[A-Za-z\d]{8,}$"
"^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)[a-zA-Z\d]{8,}$"
至少八个字符、至少一个字母、一个数字和一个特殊字符:
"^(?=.*[A-Za-z])(?=.*\d)(?=.*[$@$!%*#?&])[A-Za-z\d$@$!%*#?&]{8,}$"
"^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[$@$!%*?&])[A-Za-z\d$@$!%*?&]{8,}"
"^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[$@$!%*?&])[A-Za-z\d$@$!%*?&]{8,10}"
至少八个字符,至少一个大写字母、一个小写字母和一个数字:
"^(?=.*[A-Za-z])(?=.*\d)[A-Za-z\d]{8,}$"
"^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)[a-zA-Z\d]{8,}$"
至少八个字符,至少一个大写字母、一个小写字母、一个数字和一个特殊字符:
"^(?=.*[A-Za-z])(?=.*\d)(?=.*[$@$!%*#?&])[A-Za-z\d$@$!%*#?&]{8,}$"
"^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[$@$!%*?&])[A-Za-z\d$@$!%*?&]{8,}"
"^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[$@$!%*?&])[A-Za-z\d$@$!%*?&]{8,10}"
最少8个字符,最多10个字符,至少一个大写字母、一个小写字母、一个数字和一个特殊字符:
"^(?=.*[A-Za-z])(?=.*\d)(?=.*[$@$!%*#?&])[A-Za-z\d$@$!%*#?&]{8,}$"
"^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[$@$!%*?&])[A-Za-z\d$@$!%*?&]{8,}"
"^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[$@$!%*?&])[A-Za-z\d$@$!%*?&]{8,10}"
我不确定我所理解的是否正确。您已经对密码进行了所有必需的验证。你是说他们中的一些人失败了吗?我不确定我所理解的是否正确。您已经对密码进行了所有必需的验证。你是说他们中的一些人失败了吗?