Эффекты на основе Java Script

Быстрая проверка правильности ввода E-mail с индикацией

Введите Email в форму:	<Вернуться в каталог>
	Скопируйте и вставте
Внутри тега <HEAD> - </HEAD>
<script type="text/javascript" src="http://skriptkpbstudio.ucoz.ru/demo_srt/jquery_formy/1006/jquery-1.3.2.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $("#validate").keyup(function(){ var email = $("#validate").val(); if(email != 0) { if(isValidEmailAddress(email)) { $("#validEmail").css({ "background-image": "url('http://skriptkpbstudio.ucoz.ru/demo_srt/jquery_formy/1006/validYes.png')" // картинка верно }); } else { $("#validEmail").css({ "background-image": "url('http://skriptkpbstudio.ucoz.ru/demo_srt/jquery_formy/1006/validNo.png')" // картинка не верно }); } } else { $("#validEmail").css({ "background-image": "none" }); } }); }); function isValidEmailAddress(emailAddress) { var pattern = new RegExp(/^(("[\w-\s]+")\|([\w-]+(?:\.[\w-]+))\|("[\w-\s]+")([\w-]+(?:\.[\w-]+)))(@((?:[\w-]+\.)\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)\|(@\[?((25[0-5]\.\|2[0-4][0-9]\.\|1[0-9]{2}\.\|[0-9]{1,2}\.))((25[0-5]\|2[0-4][0-9]\|1[0-9]{2}\|[0-9]{1,2})\.){2}(25[0-5]\|2[0-4][0-9]\|1[0-9]{2}\|[0-9]{1,2})\]?$)/i); return pattern.test(emailAddress); } </script> <style> #validEmail {margin-top: 4px; margin-left: 9px; position: absolute; width: 16px; height: 16px;} / картинка / #validate {background: #bbbbff; border: #ff0000 1px solid;} / стиль формы */ </style>
Впринципе всё подписано.
Внутри тега <BODY> - </BODY> там где у Вас будет форма.
<div class="text"><p><strong>Введите Email в форму:</strong></p></div> <div><input type="text" id="validate" width="30"><span id="validEmail"></span></div>
Здесь тоже проблем быть не должно. Как только Вы начинаете вводить что-то в форму, появляется картинка говорящая о том что что-то введено не правильно, и она остаётся пока E-mail не будет ввенён правильно.
И Вы будите использовать скрипт прямо из моей библиотеки не загружая его к себе на страницу. Вы экономите место и время. Если Вы хотите иметь скрипт, чтобы изменять и другие его параметры, воспользуйтесь функцией [Скачать с сервера]. Если Вы не видите этой функции в []- следовательно Вы не зарегистрированы на сайте.Вам надо зарегистрироваться и войти как Пользователь.