Javascript验证-最小/最大字符数，并且必须包含数字

Question

I have the following problem:

I need to validate an input (password field) with Javascript / jQuery

The rules are:

it must be 8 to 32 characters it must contain letters AND at least one number

So my logic is the following but I can't seem to be able to implement it

be 8 to 32

if it's NOT 8 to 32 characters and doesn't have numbers
{
    jQuery('#passwordfield').addClass('error');
}

I tried the following (just with 0 as number, for test purposes)

if(((jQuery('#passwordfield').val().length <= 7) || (jQuery('#passwordfield').val().length >= 33)) && ((jQuery('#passwordfield').val().indexOf("0") == -1)))
{
     jQuery('#passwordfield').addClass('error');
}

The problem with the above code is that it returns true if you type enough characters (8 to 32) and NOT contain a number since the first part of the && is true

Answer 1

Try this :

var p = jQuery('#passwordfield').val();
if(p.length <=7 || p.length >= 33 || !p.match(/\d/) || !p.match(/[a-z]/i))
    $('.whatever').addClass('error');

Answer 2

You can use regular expression:-

var val = jQuery('#passwordfield').val();
if(val.length <=7 || val.length >= 33 || !/[0-9]/.test(val) || !/[a-zA-Z]/.test(val))
{
// show error
}

Answer 3

String must contain 0..* letters and 1..* numbers (with a total length of 8..32):

if (str.search(/^[a-zA-Z0-9]{8,32}$/) == -1 || str.search(/\d/) == -1) {
    jQuery('#passwordfield').addClass('error');
}

String must contain 1..* letters and 1..* numbers (with a total length of 8..32):

if (str.search(/^[a-zA-Z0-9]{8,32}$/) == -1 || str.search(/[a-zA-Z]\d|\d[a-zA-Z]/) == -1) {
    jQuery('#passwordfield').addClass('error');
}