| Каталог файлов |
Рейтинг:3.0
Категория: Скрипты для Ucoz
Данный скрипт проверяет на корректность введённый 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 комментариев
•
482 просмотров
•
дата: 27.04.2024
•
автор: admin
Советую взглянуть:
Красивая кнопка CSS Новый вид переключателя страниц — «Подгрузка контента» Красивое горизонтальное меню для uCoz Multiblog шаблон - адаптация от Uc-new.ru для Ucoz
| Всего комментариев: 0 | |
