0

ユーザーが6〜20文字の範囲でパスワードを入力できるように制限したい。しかし、以下の機能は正しく機能していません。

 function validatePass(pwd1, pwd2)
 {
var len = document.getElementById('pwd1').value;
if(len.length < 6 || len.length > 20)
{ pwd1.setCustomValidity('Enter 6-20 characters');
}
else if (pwd1.value != pwd2.value || pwd1.value == '' || pwd2.value == '' )
{
        pwd2.setCustomValidity('Password incorrect');
  } 
else 
{
    pwd2.setCustomValidity('');
}
}

HTMLコードは次のとおりです。

<h4>Password</h4></td>
<td><input type="password" name="pwd1" size="30" id="pwd1" required placeholder="Enter 6-20 characters"></td></tr>
<tr><td>
<h4>Confirm Password</h4></td>
<td><input type="password" name="pwd2" id="pwd2" size="30" required onfocus="validatePass(document.getElementById('pwd1'), this);" oninput="validatePass(document.getElementById('pwd1'), this);">
</td></tr>
4

2 に答える 2

1

HTML5では、パターン属性を使用できます。

<input type="password" pattern=".{6,20}" name="pwd1" size="30" id="pwd1" required placeholder="Enter 6-20 characters"></td></tr>
于 2013-02-15T07:33:50.897 に答える
0

次のような正規表現を使用してみてください。

^(?=.*[A-Z])(?=.*[a-z])(?=.*[0-9]).{6,20}$

出典：.NET RegExは、少なくとも1つの大文字、1つの小文字、および1桁の数字を含む6〜20文字のパスワードを検証します。

完全な例を次に示します。

function CheckPassword(inputtxt) 
{ 
var passw = /^(?=.*\d)(?=.*[a-z])(?=.*[A-Z]).{6,20}$/;
if(inputtxt.value.match(passw)) 
{ 
alert('Correct, try another...')
return true;
}
else
{ 
alert('Wrong...!')
return false;
}
}

ソース：http ：//www.w3resource.com/javascript/form/password-validation.php

于 2013-02-15T07:34:16.083 に答える