![](/img/trans.png)
[英]How to do a strong validation of password entry and validate confirm password entry
[英]Jquery strong password validation
我很抱歉問,但我對 javascript 和 Jquery 很陌生!
我一直在努力從我用來接受強密碼的插件中制作這段代碼。
滿足最小長度要求,匹配字段並檢查字段不為空; 但我不能讓它合並 AZ、az、1-0 等......這是我最好的嘗試,但不起作用
任何幫助將不勝感激!
function strongpass_submit(url) {
jQuery("#strong-error", jQuery("#action")).hide();
var witherror = false;
var passval = jQuery("#strong-pw", jQuery("#action")).val();
var okval = jQuery("#strong-pw-confirm", jQuery("#action")).val();
if (passVal == '') {
jQuery("#strong-error", jQuery("#action")).html('Please enter a password.').fadeIn();
return false;
//THIS IS THE PART I'M HAVING TROUBLE WITH
} else if (okval.search(/^([A-Z0-9.%+-]+@@[A-Z0-9.-]+.[A-Z]{2,6})*([,;][\s]*([A-Z0-9.%+-]+@@[A-Z0-9.-]+.[A-Z]{2,6}))*$/i)) {
jQuery("#strong-error", jQuery("#action")).html('Password must be strong.').fadeIn();
return false;
// UNTIL HERE
} else if (okval.length < 8) {
jQuery("#strong-error", jQuery("#action")).html('Password must be at least 8 characters.').fadeIn();
return false;
} else if (okval == '') {
jQuery("#strong-error", jQuery("#action")).html('Please re-enter your password.').fadeIn();
return false;
} else if (passval != okval ) {
jQuery("#pass-error", jQuery("#action")).html('Passwords do not match.').fadeIn();
return false;
}
jQuery('#action #maindiv').fadeOut('fast', function(){
jQuery('#popout').show();
jQuery.ajax({
url: url,
dataType: 'json',
type: 'post',
data: jQuery('#action form').serialize(),
success: function(data){
if(data.confirm == 'success'){
jQuery('#cboxLoadingGraphic').fadeOut('fast', function(){
jQuery('#action #second').fadeIn();
});
}
else {
jQuery('#cboxLoadingGraphic').fadeOut('fast', function(){
jQuery('#action #openerror').fadeIn();
});
}
}
});
});
};
<style>
.weak{
color:red;
font-size: 17px;
}
.good{
color: #17da17;
font-size: 17px;
}
.strong{
color: #339333;
font-size: 17px;
}
</style>
<form id="password-check">
<label>Password : </label>
<input name="pass" id="pass" type="password"/>
<span id="message"></span>
</form>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function()
{
$('#pass').keyup(function()
{
$('#message').html(checkStrength($('#pass').val()))
})
function checkStrength(password)
{
var useremail="testing@gmail.com";
var username="testing";
var strength = 0
if (password.length < 6) {
$('#message').removeClass();
$('#message').addClass('weak');
return 'Too short!';
}
if ((username.indexOf(password) > -1) || (password.indexOf(username)> -1))
{
$('#message').removeClass();
$('#message').addClass('weak');
return "Password must be different from user name!";
}
if ((useremail.indexOf(password) > -1) || (password.indexOf(useremail)> -1))
{
$('#message').removeClass();
$('#message').addClass('weak');
return "Password must be different from user email!";
}
if (password.length > 7) strength += 1
if (password.match(/([a-z].*[A-Z])|([A-Z].*[a-z])/)) strength += 1
if (password.match(/([a-zA-Z])/) && password.match(/([0-9])/)) strength += 1
if (password.match(/([!,%,&,@,#,$,^,*,?,_,~])/)) strength += 1
if (password.match(/(.*[!,%,&,@,#,$,^,*,?,_,~].*[!,%,&,@,#,$,^,*,?,_,~])/)) strength += 1
if (strength < 2 )
{
$('#message').removeClass();
$('#message').addClass('weak');
return 'Weak!';
}
else if (strength == 2 )
{
$('#message').removeClass();
$('#message').addClass('good');
return 'Good!';
}
else
{
$('#message').removeClass();
$('#message').addClass('strong');
return 'Strong!';
}
}
});
</script>
在這些有問題的行中,您的正則表達式似乎是錯誤的。
為了驗證具有此類要求的輸入,您可以使用以下代碼和多個正則表達式:
var okval = "Abcd123!"; var print = (/[AZ]/.test(okval) && /[0-9]/.test(okval) && /[^A-Za-z0-9]/.test(okval) && okval.length>7); console.log(print);
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.