<MyRusakov.ru />

React JS, Redux, ES2015 с Нуля до Гуру

React JS, Redux, ES2015 с Нуля до Гуру

Данный курс - это обширный курс по JavaScript и фреймворку React, который позволит Вам с нуля создавать мощные современные, динамические JavaScript-приложения.

Вы узнаете о тонкостях работы с "профессиональным" JavaScript, а так же узнаете о нововведениях в его новый стандарт ES2015, Вы узнаете, как организовать профессиональное окружение для FrontEnd, изучите профессиональный фреймворк - ReactJS.

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

Подробнее
Подписка

Подписавшись по E-mail, Вы будете получать уведомления о новых статьях.

Подписка Подписаться

Добавляйтесь ко мне в друзья ВКонтакте! Отзывы о сайте и обо мне оставляйте в моей группе.

Мой аккаунт Мой аккаунт Моя группа
Опрос

Каким движком Вы предпочитаете пользоваться?

Форум сайта MyRusakov.ru

Скриптик проверки формы(написанный мною)
19.01.2012 04:14:52 Скриптик проверки формы(написанный мною) Сообщение #1
brussens

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: код полностью рабочий, поэтому не надо говорить, что он не работает
Профиль Ответить