brussens
Мега-мастер
Дата регистрации:
11.10.2011 22:50:07
Сообщений: 438
решил развивать форум, а то смотрю мало общаются все между собой)))
И поэтому решил выложить самописный
скриптик проверки формы регистрации
(основа взята
из статьи Михаила про проверку формы).
Добавлены небольшие фишки, такие как
регулярные выражения и т.п. Думаю
интересен будет многим))
Комментируйте, предлагайте варианты модернизации)))
Вообщем, давайте сделаем скриптик,
который должен быть у каждого
разработчика в арсенале)))
Ведь зачем изобретать велосипед,
не так ли?))
Вот сам скрипт
<script type="text/javascript">
//<![CDATA[
var form = document.form1;
document.write(form.login.value + "<br />"
document.write(form.pass.value + "<br />"
document.write(form.repass.value + "<br />"
document.write(form.email.value + "<br />"
function check(form) {
var login = form.login.value;
var pass = form.pass.value;
var repass = form.repass.value;
var email = form.email.value;
var bad = "";
if (login.length < 6) {
bad += "!" + "\n";
document.getElementById('badlogin').innerHTML='Логин слишком короткий!';
}
if (login.length > 20) {
bad += "!" + "\n";
document.getElementById('badlogin').innerHTML='Логин слишком длинный!';
}
if (/[^a-zA-Z0-9-]/.test(login)) {
bad += "!" + "\n";
document.getElementById('badlogin').innerHTML='Логин имеет неправильный формат!';
}
if (pass.length < 6) {
bad += "!" + "\n";
document.getElementById('badpass').innerHTML='Пароль слишком короткий!';
}
if (pass.length > 12) {
bad += "!" + "\n";
document.getElementById('badpass').innerHTML='Пароль слишком длинный!';
}
if (/[^a-zA-Z0-9-]/.test(pass)) {
bad += "!" + "\n";
document.getElementById('badpass').innerHTML='Пароль имеет неправильный формат!';
}
if (repass !== pass) {
bad += "!" + "\n";
document.getElementById('badrepass').innerHTML='Пароли не совпадают!';
}
if (email == '') {
bad += "!" + "\n";
document.getElementById('bademail').innerHTML='Введите адрес своей электронной почты!';
}
if (!((email.indexOf("." > 0) && (email.indexOf("@" > 0)) || /[^a-zA-Z0-9.@_-]/.test(email)) {
bad += "!" + "\n";
document.getElementById('bademail').innerHTML='Электронный адрес имеет неправильный формат!';
}
if (bad != "" {
return false;
}
return true;
}
//]]>
</script>
Теперь о том, как работает скрипт.
Идёт проверка значений формы, думаю
сами поймёте, что где.
Далее рядом с блоков формы стоят
пустые тэги <span></span>
С id, соответствующем document.getElementById('bademail')
И пустое значение при
неправильном вводе заменяется
на сообщение об ошибке)))
P.S.: Тапками прошу не закидывать,
ибо JS знаю не оч.)))
P.P.S: код полностью рабочий, поэтому не надо говорить, что он не работает