Рекламный блок
Меню сайта
Вход на сайт
Мини-чат
Статистика
Пользователи
Гости сайта
Проверка на корректность поля E-mail
 |
Добавил: Initro
Категория: Пользователи
Просмотров: 544
Скачек: 0
|
Данный скрипт проверяет на корректность введённый E-mail'a. Ведь иногда люди случайно ставят 2 точки, тире в начале или конце адреса или другие знаки препинания. В таких ситуациях поле "E-mail" будет подсвечено красным цветом, а при правильном наборе зелёным.
Демо
Установка:
1. В css вставляем это:
Code
.formRed {-webkit-box-shadow:inset 0px 0px 10px rgba(255,0,0,0.8);-moz-box-shadow:inset 0px 0px 10px rgba(255,0,0,0.8);box-shadow:inset 0px 0px 10px rgba(255,0,0,0.8);}
.formGreen {-webkit-box-shadow:inset 0px 0px 10px rgba(0,255,0,0.8);-moz-box-shadow:inset 0px 0px 10px rgba(0,255,0,0.8);box-shadow:inset 0px 0px 10px rgba(0,255,0,0.8);}
.formGreen {-webkit-box-shadow:inset 0px 0px 10px rgba(0,255,0,0.8);-moz-box-shadow:inset 0px 0px 10px rgba(0,255,0,0.8);box-shadow:inset 0px 0px 10px rgba(0,255,0,0.8);}
2. На странице регистрации пользователей вам модуля перед закрывающим тегом < / body > ставим это:
Code
<script type="text/javascript">
var regV = /^((?:(?:(?:\w[\.\-]?)*)\w)+)\@((?:(?:(?:\w[\.\-\+]?){1,20})\w)+)\.
(\w{2,4})$/;
$('input[name=email]').keyup(function() {
var rRegV = $(this).val().search(regV);
if(rRegV == -1 && $(this).val().length > 0) {
$(this).addClass('formRed');
$(this).removeClass('formGreen');
}
else if($(this).val().length > 0) {
$(this).addClass('formGreen');
$(this).removeClass('formRed');
}
else {
$(this).removeClass('formRed formGreen');
}
});
</script>
var regV = /^((?:(?:(?:\w[\.\-]?)*)\w)+)\@((?:(?:(?:\w[\.\-\+]?){1,20})\w)+)\.
(\w{2,4})$/;
$('input[name=email]').keyup(function() {
var rRegV = $(this).val().search(regV);
if(rRegV == -1 && $(this).val().length > 0) {
$(this).addClass('formRed');
$(this).removeClass('formGreen');
}
else if($(this).val().length > 0) {
$(this).addClass('formGreen');
$(this).removeClass('formRed');
}
else {
$(this).removeClass('formRed formGreen');
}
});
</script>
Теги материала:
Источник:
Данный материал еще никто не комментировал. Вы можете сделать это первым!
| Всего комментариев: 0 | |
