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

Динамическая форма с проверкой по маскам и с подсказками

Dynamic form validation

First name:		Достаточно = 1
Last name:		Достаточно = 1
Email:		mask = email
Age:		Достаточно = 1, mask = numeric (только цифры)
Code(SSSS-NN):		freemask = SSSS-NN (т.е. сначало 4-е буквы, затем через тире - 2-е цифры)
Zip code(NNNNN-NNNN):		mask = zip (т.е. сначало 5 цифр, зетем через тире - 4-е цифры)
Domain:		Необязательно к заполнению
Country		Достаточно = 1

Скопируйте и вставте

Внутри тега <HEAD> - </HEAD>

Всё подписано, роблем быть не должно.

Внутри тега <BODY> - </BODY> там где у Вас будет форма.

<form action="" method="post" onsubmit="if(isFormValid()){alert('Всё заполнено правильно!\n Далее у Вас должна быть Ваша функция\n Я поставил функцию открывающую на новой странице\n мой сайт KPBshablon.ucoz.ru'); windop=window.open('http://kpbshablon.ucoz.ru','mywin','');return false;} else { alert('Ошибка в заполнении поля\n в красной рамке');return false; }">
<fieldset>
	<legend><span>Dynamic form validation</span></legend>
	<table>
		<tr>
			<td><label for="input1">First name:</label></td>
			<td><input name="input1" id="input1" type="text" required="1" value=""></td>
			<td>Достаточно = 1</td>
		</tr>                      
		<tr>
			<td><label for="input2">Last name:</label></td>
			<td><input name="input2" id="input2" type="text" required="1" value=""></td>
			<td>Достаточно = 1</td>
		</tr>
		<tr>
			<td><label for="email">Email:</label></td>
			<td><input name="email" id="email" mask="email" type="text" size="30" required="1" value=""></td>
			<td>mask = email</td>
		</tr>
		<tr>
			<td><label for="age">Age:</label></td>
			<td><input name="age" id="age" mask="numeric" type="text" required="1" value="" size="3" maxlength="3"></td>
			<td>Достаточно = 1, mask = numeric (только цифры)</td>
		</tr>
		<tr>
			<td><label for="code">Code(SSSS-NN):</label></td>
			<td><input name="code" id="code" freemask="SSSS-NN" type="text" required="1" value="" size="8" maxlength="7"></td>
			<td>freemask = SSSS-NN (т.е. сначало 4-е буквы, затем через тире - 2-е цифры)</td>
		</tr>	
		<tr>
			<td><label for="zipcode">Zip code(NNNNN-NNNN):</label></td>
			<td><input name="zipcode" id="zipcode" mask="zip" type="text" required="1" value="" size="11" maxlength="10"></td>
			<td>mask = zip (т.е. сначало 5 цифр, зетем через тире - 4-е цифры)</td>
		</tr>		
		<tr>
			<td><label for="zipcode">Domain:</label></td>   
			<td><input name="domain" id="domain"  size="30"  type="text" value=""></td>
			<td>Необязательно к заполнению</td>
		</tr>	
		<tr>
			<td>Country</td>
			<td><select name="country" required="1">
				<option value=""></option>
				<option value="Norway">Norway</option>
				<option value="Denmark">Denmark</option>
				<option value="Sweden">Sweden</option>
				<option value="Finland">Finland</option>
				<option value="France">France</option>
				<option value="United States">United States</option>
				<option value="Germany">Germany</option>
				</select>
			</td>
			<td>Достаточно = 1</td>
		</tr>
		<tr>
			<td><input type="submit" value="Send"></td>
		</tr>
	</table>
</fieldset>
 </form>

Формы обязательные к заполнения выделены красной рамкой. Рамка остаётся красной пока форма не заполнена или заполнена неправильно. Если форма заполнена привильно(введённая комбинация букв, цифп и спец символов возможна для данной формы) рамка меняеи цвет на белый. Слева от полей их названия, справа пояснения и мнемоника ввода, там где она есть. Здесь, думаю, всё должно быть понятно и дополнитнльных пояснений не требуется. Это естественно пример, у Вас будут свои поля в форме, те что Вам нужны.

И Вы будите использовать скрипт прямо из моей библиотеки не загружая его к себе на страницу.
Вы экономите место и время.

Если Вы хотите иметь скрипт, чтобы изменять и другие его параметры, воспользуйтесь функцией [Скачать с сервера].
Если Вы не видите этой функции в []- следовательно Вы не зарегистрированы на сайте.Вам надо зарегистрироваться и войти как Пользователь.