http://wbex.ru/index.php?action=history&feed=atom&title=JavaScript_Tutorial%2FForm%2FForm_Validation
JavaScript Tutorial/Form/Form Validation - История изменений
2026-04-04T15:38:48Z
История изменений этой страницы в вики
MediaWiki 1.30.0
http://wbex.ru/index.php?title=JavaScript_Tutorial/Form/Form_Validation&diff=9115&oldid=prev
Admin: 1 версия
2010-05-26T08:24:48Z
<p>1 версия</p>
<table class="diff diff-contentalign-left" data-mw="interface">
<tr style="vertical-align: top;" lang="ru">
<td colspan="1" style="background-color: white; color:black; text-align: center;">← Предыдущая</td>
<td colspan="1" style="background-color: white; color:black; text-align: center;">Версия 08:24, 26 мая 2010</td>
</tr><tr><td colspan="2" style="text-align: center;" lang="ru"><div class="mw-diff-empty">(нет различий)</div>
</td></tr></table>
Admin
http://wbex.ru/index.php?title=JavaScript_Tutorial/Form/Form_Validation&diff=9114&oldid=prev
в 18:52, 25 мая 2010
2010-05-25T18:52:56Z
<p></p>
<p><b>Новая страница</b></p><div>== Using a Form for Client-Side Validation==<br />
<br />
<br />
<br />
<br />
<!-- start source code --><br />
<br />
<source lang="javascript"><br />
<HTML><br />
<HEAD><br />
<TITLE> Form Validation Example </TITLE><br />
<SCRIPT LANGUAGE="JavaScript"><br />
<!--<br />
function validatePersonalInfo(){<br />
var _first = document.info.fname.value;<br />
var _last = document.info.lname.value;<br />
var _street = document.info.street.value;<br />
var _city = document.info.city.value;<br />
var _zip = document.info.zip.value;<br />
var _phone = document.info.phone.value;<br />
var _email = document.info.email.value;<br />
if(_first.toString() == ""){alert("Please enter a first name.");}<br />
if(_last.toString() == ""){alert("Please enter a last name.");}<br />
if(_street.toString() == ""){alert("Please enter your street name.");}<br />
if(_city.toString() == ""){alert("Please enter your city.");}<br />
if(_zip.toString() == ""){alert("Please enter your zip.");}<br />
if(_phone.toString() == ""){alert("Please enter your phone number.");}<br />
if(_email.toString() == ""){alert("Please enter your email.");}<br />
<br />
var checkZip = checkNum(5);<br />
var phoneInput = document.info.phone.value;<br />
var validPhone = false;<br />
var validZip = false;<br />
if(checkZip == true){<br />
validZip = true;<br />
}<br />
else{<br />
alert("Invalid Zip Code" + validZip);<br />
}<br />
if(!checkPhone(phoneInput)){<br />
alert("Phone number is invalid." + validPhone);<br />
}<br />
else{<br />
validPhone = true;<br />
}<br />
if(validZip && validPhone){<br />
alert("Your form has been verified");<br />
}<br />
}<br />
<br />
// Strips hyphens out of phone number and verifies that<br />
// phone number is valid. Any phone number in the format<br />
// xxxxxxxxxx, xxx-xxx-xxxx, or (xxx)xxx-xxxx will be valid<br />
function checkPhone(str){<br />
var regexp = /^(\d{10}|\d{3}-\d{3}-\d{4}|\(\d{3}\)\d{3}-\d{4})$/;<br />
return regexp.test(str);<br />
}<br />
function checkNum(length){<br />
var zipEntry = document.info.zip.value;<br />
var zipNum = parseInt(zipEntry, 10);<br />
if (document.info.zip.value.length == length){<br />
if(zipNum != 0 && isNaN(zipNum) == false){<br />
return true;<br />
}<br />
else {<br />
return false;<br />
}<br />
}<br />
else {<br />
return false;<br />
}<br />
}<br />
// End hide--><br />
</SCRIPT><br />
</HEAD><br />
<BODY><br />
<P><br />
<CENTER><B>Form Validation Example</B></CENTER><br />
<B>Personal Information:</B><br />
<FORM NAME="info" ACTION="" METHOD="post"><br />
<TABLE><br />
<TR><TD ALIGN="left">First Name:</TD><br />
<TD ALIGN="left"><br />
<INPUT TYPE="text" NAME="fname" SIZE=15><br />
Last Name:<br />
<INPUT TYPE="text" NAME="lname" SIZE=20><br />
</TD><br />
</TR><br />
<BR><br />
<TR><TD ALIGN="left">Street:</TD><br />
<TD ALIGN="left"><br />
<INPUT TYPE="text" NAME="street" SIZE=30></TD><br />
</TR><br />
<BR><br />
<TR><br />
<TD ALIGN="left">City:</TD><br />
<TD ALIGN="left"><br />
<INPUT TYPE="text" NAME="city" SIZE=15><br />
State:<br />
<SELECT NAME="state"><br />
<OPTION value=AL>AL<br />
<OPTION value=AK>AK<br />
<OPTION value=AZ>AZ<br />
<OPTION value=AR>AR<br />
<OPTION value=CA>CA<br />
<OPTION value=CO>CO<br />
<OPTION value=CT>CT<br />
<OPTION value=DE>DE<br />
<OPTION value=FL>FL<br />
<OPTION value=GA>GA<br />
<OPTION value=HI>HI<br />
<OPTION value=ID>ID<br />
<OPTION value=IL>IL<br />
<OPTION value=IN>IN<br />
<OPTION value=IA>IA<br />
<OPTION value=KS>KS<br />
<OPTION value=KY>KY<br />
<OPTION value=LA>LA<br />
<OPTION value=ME>ME<br />
<OPTION value=MD>MD<br />
<OPTION value=MA>MA<br />
<OPTION value=MI>MI<br />
<OPTION value=MN>MN<br />
</SELECT><br />
Zip:<br />
<INPUT TYPE="text" NAME="zip" SIZE=7><br />
</TD><br />
</TR><br />
<BR><br />
<TR><TD ALIGN="left">Phone (w/area code):</TD><br />
<TD ALIGN="left"><br />
<INPUT TYPE="text" NAME="phone" SIZE=20></TD><br />
</TR><br />
<BR><br />
<TR><TD ALIGN="left">Email:</TD><br />
<TD ALIGN="left"><br />
<INPUT TYPE="text" NAME="email" SIZE=20></TD><br />
</TR><br />
<BR><br />
</TABLE><br />
<CENTER><br />
<INPUT TYPE="button" VALUE="Submit" onclick="validatePersonalInfo()"><br />
</CENTER><br />
</FORM><br />
</BODY><br />
</HTML></source></div>