JavaScript: проверка формы HTML - проверка пароля

Последнее обновление 22 мая 2019 10:53:57 (UTC / GMT +8 часов)

script1adsense2code

script1adsense3code

Проверка пароля

Иногда проверка пароля в форме необходима. Вы можете создать пароль по-разному, его структура может быть простой, разумной или надежной. Здесь мы проверяем различные типы структуры паролей с помощью JavaScript-кодов и регулярных выражений.

Проверьте пароль длиной от 7 до 16 символов, который содержит только символы, цифровые цифры s и подчеркивание, и первый символ должен быть буквой.
Проверьте пароль длиной от 6 до 20 символов, который содержит хотя бы одну цифровую цифру , одну заглавную и одну строчную букву.
Проверьте пароль длиной от 7 до 15 символов, который содержит хотя бы одну цифровую цифру и специальный символ.
Проверьте пароль длиной от 8 до 15 символов, который содержит как минимум одну строчную букву, одну заглавную букву, одну цифровую цифру и один специальный символ.

Следующие блоки кода содержат действительные коды для указанных проверок. Мы сохранили общую часть кода CSS для всех проверок.

Код CSS:

li {list-style-type: none;
font-size: 16pt;
}
.mail {
margin: auto;
padding-top: 10px;
padding-bottom: 10px;
width: 400px;
background : #D8F1F8;
border: 1px soild silver;
}
.mail h2 {
margin-left: 38px;
}
input {
font-size: 20pt;
}
input:focus, textarea:focus{
background-color: lightyellow;
}
input submit {
font-size: 12pt;
}
.rq {
color: #FF0000;
font-size: 10pt;
}

Чтобы проверить пароль длиной от 7 до 16 символов, который содержит только символы, цифровая цифра s, подчеркивание и первый символ должны быть буквой

Для проверки указанного формата мы используем регулярное выражение ^ [A-Za-z] w {7,15} $, где w соответствует любому символу слова (буквенно-цифровой), включая подчеркивание (эквивалентно [A-Za-z0-9_] ). Затем метод match () строкового объекта используется для сопоставления указанного регулярного выражения с входным значением. Вот полный веб-документ.

HTML-код:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
title>JavaScript form validation - Password Checking - 1</title>
<link rel='stylesheet' href='form-style.css' type='text/css' />
</head>
<body onload='document.form1.text1.focus()'>
<div class="mail">
<h2>Input Password and Submit [7 to 15 characters which contain only characters, numeric digits, underscore and first character must be a letter]</h2
<form name="form1" action="#">
<ul>
<li><input type='text' name='text1'/></li>
<li class="rq">*Enter numbers only.</li>
<li>&nbsp;</li>
<li class="submit"><input type="submit" name="submit" value="Submit" onclick="CheckPassword(document.form1.text1)"/></li>
<li>&nbsp;</li>
</ul>
</form>
</div>
<script src="check-password-1.js"></script>
</body>
</html>

Код JavaScript:

function CheckPassword(inputtxt) 
{ 
var passw=  /^[A-Za-z]\w{7,14}$/;
if(inputtxt.value.match(passw)) 
{ 
alert('Correct, try another...')
return true;
}
else
{ 
alert('Wrong...!')
return false;
}
}

Посмотреть пример в браузере

Для проверки пароля от 6 до 20 символов, которые содержат как минимум одну цифровую цифру , одну заглавную и одну строчную букву

Для проверки указанного формата мы используем регулярное выражение ^ (? =. * D) (? =. * [Az]) (? =. * [AZ]). {4,8} $. Затем метод match () строкового объекта используется для сопоставления указанного регулярного выражения с входным значением. Вот полный веб-документ.

HTML-код:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>JavaScript form validation - Password Checking - 2</title>
<link rel='stylesheet' href='form-style.css' type='text/css' />
</head>
<body onload='document.form1.text1.focus()'>
<div class="mail">
<h2>Input Password and Submit [6 to 20 characters which contain at least one numeric digit, one uppercase and one lowercase letter]</h2>
<form name="form1" action="#">
<ul>
<li><input type='text' name='text1'/></li>
<li class="rq">*Enter numbers only.</li>
<li>&nbsp;</li>
<li class="submit"><input type="submit" name="submit" value="Submit" onclick="CheckPassword(document.form1.text1)"/></li>
<li>&nbsp;</li>
</ul>
</form>
</div>
<script src="check-password-2.js"></script>
</body>
</html>

Код JavaScript:

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;
}
}

Посмотреть пример в браузере

Для проверки пароля от 7 до 15 символов, которые содержат хотя бы одну цифровую цифру и специальный символ

Для проверки указанного формата мы используем регулярное выражение ^^ (? =. * [0-9]) (? =. * [ [Электронная почта защищена] # $% ^ & *]) [ [электронная почта защищена] # $% ^ & *] {7,15} $. Затем метод match () строкового объекта используется для сопоставления указанного регулярного выражения с входным значением. Вот полный веб-документ.

HTML-код:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>JavaScript form validation - Password Checking - 3</title>
<link rel='stylesheet' href='form-style.css' type='text/css' />
</head>
<body onload='document.form1.text1.focus()'>
<div class="mail">
<h2>Input Password and Submit [7 to 15 characters which contain at least one numeric digit and a special character]</h2>
<form name="form1" action="#">
<ul>
<li><input type='text' name='text1'/></li>
<li class="rq">*Enter numbers only.</li>
<li>&nbsp;</li>
<li><input type="submit" name="submit" value="Submit" onclick="allnumericplusminus(document.form1.text1)" /></li>
<li>&nbsp;</li>
</ul>
</form>
</div>
<script src="check-password-3.js"></script>
</body>
</html>

Код JavaScript

function CheckPassword(inputtxt) 
{ 
var paswd=  /^(?=.*[0-9])(?=.*[[email protected]#$%^&*])[[email protected]#$%^&*]{7,15}$/;
if(inputtxt.value.match(paswd)) 
{ 
alert('Correct, try another...')
return true;
}
else
{ 
alert('Wrong...!')
return false;
}
}

Посмотреть пример в браузере

Для проверки пароля от 8 до 15 символов, которые содержат как минимум одну строчную букву, одну заглавную букву, одну цифровую цифру и один специальный символ

Для проверки указанного формата мы используем регулярное выражение ^ (? =. * D) (? =. * [Az]) (? =. * [AZ]) (? =. * [^ A-zA-Z0-9 ]) (?!. * s). {8,15} $. Затем метод match () строкового объекта используется для сопоставления указанного регулярного выражения с входным значением. Вот полный веб-документ.

HTML-код:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>JavaScript form validation - Password Checking - 4</title>
<link rel='stylesheet' href='form-style.css' type='text/css' />
</head>
<body onload='document.form1.text1.focus()'>
<div class="mail">
<h2>Input Password and Submit [8 to 15 characters which contain at least one lowercase letter, one uppercase letter, one numeric digit, and one special character]</h2>
<form name="form1" action="#">
<ul>
<li><input type='text' name='text1'/></li>
<li class="rq">*Enter numbers only.</li>
<li>&nbsp;</li>
<li><input type="submit" name="submit" value="Submit" onclick="allnumericplusminus(document.form1.text1)" /></li>
<li>&nbsp;</li>
</ul>
</form>
</div>
<script src="check-password-4.js"></script>
</body>
</html>

Код JavaScript:

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

Посмотреть пример в браузере

Загрузите код проверки здесь

Предыдущая: JavaScript: HTML-форма - проверка номера кредитной карты
Далее: JavaScript: HTML-форма - проверка IP-адреса