File: examples/registration_page.html

Recommend this page to a friend!
  Classes of Chara Miteo   JS Form Validator   examples/registration_page.html   Download  
File: examples/registration_page.html
Role: Example script
Content type: text/plain
Description: Examples
Class: JS Form Validator
Validate forms according to many rules
Author: By
Last change:
Date: 10 years ago
Size: 16,908 bytes
 

Contents

Class file image Download
<html> <head> <title>HTML Frames Example - Content</title> <link href="css/style.css" type="text/css" rel="stylesheet" /> <script type="text/javascript" src="../formvalidator/chars/jsafv_messages.js"></script> <script type="text/javascript" src="../formvalidator/chars/diactric_chars_utf8.js"></script> <script type="text/javascript" src="../formvalidator/form.scripts.js"></script> <script type="text/javascript"> var jsFormValidator = new FormValidator(); </script> <script type='text/javascript' src='js/general.js'></script> </head> <body> <h4>Example of Registration Page</h4> <form name="frmTest" action="result.html" method="get" style="padding:5px;"> <br /> <table cellspacing="2" cellpadding="2" width="90%"> <tbody> <tr><td colspan="3"><b>Personal Details</b><hr size="1" noshade="noshade" /></td></tr> <tr> <td width="38%" align="right">First Name</td> <td><font color="#ff0000">*</font></td> <td nowrap="nowrap"><input type="text" name="rt_FirstName" size="32" title="First Name" maxlength="32" value="" /></td> </tr> <tr> <td align="right">Last Name</td> <td><font color="#ff0000">*</font></td> <td nowrap="nowrap"><input type="text" name="rt_LastName" title="Last Name" size="32" maxlength="32" value="" /></td> </tr> <tr> <td align="right">Company</td> <td>&nbsp;</td> <td nowrap="nowrap"><input type="text" name="st_CompanyName" title="Company" size="32" maxlength="255" value="" /></td> </tr> <tr><td colspan="3"><b><b>Billing Address</b><hr size="1" noshade="noshade" /></td></tr> <tr> <td align="right">Address</td> <td><font color="#ff0000">*</font></td> <td nowrap="nowrap"><input type="text" name="ry_Address" title="Address" size="32" maxlength="64" value="" /></td> </tr> <tr> <td align="right">Address (line 2)</td> <td>&nbsp;</td> <td nowrap="nowrap"><input type="text" name="sy_Address_2" title="Address (line 2)" size="32" maxlength="64" value="" /></td> </tr> <tr> <td align="right">City</td> <td><font color="#ff0000">*</font></td> <td nowrap="nowrap"><input type="text" name="rt_City" title="City" size="32" maxlength="64" value="" /></td> </tr> <tr> <td align="right">State/Province</td> <td></td> <td nowrap="nowrap"><input type="text" name="st_State" title="State" size="32" maxlength="64" value="" /></td> </tr> <tr> <td align="right">Country</td> <td><font color="#ff0000">*</font></td> <td nowrap="nowrap"> <select name="st_Country" title="Country"> <option value="">-- select --</option> <option value='US'>United States</option><option value='GB'>United Kingdom (GB)</option><option value='AF'>Afghanistan</option><option value='AL'>Albania</option><option value='DZ'>Algeria</option><option value='AS'>American Samoa</option><option value='AD'>Andorra</option><option value='AO'>Angola</option><option value='AI'>Anguilla</option><option value='AQ'>Antarctica</option><option value='AG'>Antigua and Barbuda</option><option value='AR'>Argentina</option><option value='AM'>Armenia</option><option value='AW'>Aruba</option><option value='AU'>Australia</option><option value='AT'>Austria</option><option value='AZ'>Azerbaijan</option><option value='BS'>Bahamas</option><option value='BH'>Bahrain</option><option value='BD'>Bangladesh</option><option value='BB'>Barbados</option><option value='BY'>Belarus</option><option value='BE'>Belgium</option><option value='BZ'>Belize</option><option value='BJ'>Benin</option><option value='BM'>Bermuda</option><option value='BT'>Bhutan</option><option value='BO'>Bolivia</option><option value='BA'>Bosnia and Herzegowina</option><option value='BW'>Botswana</option><option value='BV'>Bouvet Island</option><option value='BR'>Brazil</option><option value='IO'>British Indian Ocean Territory</option><option value='VG'>British Virgin Islands</option><option value='BN'>Brunei Darussalam</option><option value='BG'>Bulgaria</option><option value='BF'>Burkina Faso</option><option value='BI'>Burundi</option><option value='KH'>Cambodia</option><option value='CM'>Cameroon</option><option value='CA'>Canada</option><option value='CV'>Cape Verde</option><option value='KY'>Cayman Islands</option><option value='CF'>Central African Republic</option><option value='TD'>Chad</option><option value='CL'>Chile</option><option value='CN'>China</option><option value='CX'>Christmas Island</option><option value='CC'>Cocos (Keeling) Islands</option><option value='CO'>Colombia</option><option value='KM'>Comoros</option><option value='CG'>Congo</option><option value='CK'>Cook Islands</option><option value='CR'>Costa Rica</option><option value='CI'>Cote D'ivoire</option><option value='HR'>Croatia</option><option value='CU'>Cuba</option><option value='CY'>Cyprus</option><option value='CZ'>Czech Republic</option><option value='DK'>Denmark</option><option value='DJ'>Djibouti</option><option value='DM'>Dominica</option><option value='DO'>Dominican Republic</option><option value='TP'>East Timor</option><option value='EC'>Ecuador</option><option value='EG'>Egypt</option><option value='SV'>El Salvador</option><option value='GQ'>Equatorial Guinea</option><option value='ER'>Eritrea</option><option value='EE'>Estonia</option><option value='ET'>Ethiopia</option><option value='FK'>Falkland Islands (Malvinas)</option><option value='FO'>Faroe Islands</option><option value='FJ'>Fiji</option><option value='FI'>Finland</option><option value='FR'>France</option><option value='GF'>French Guiana</option><option value='PF'>French Polynesia</option><option value='TF'>French Southern Territories</option><option value='GA'>Gabon</option><option value='GM'>Gambia</option><option value='GE'>Georgia</option><option value='DE'>Germany</option><option value='GH'>Ghana</option><option value='GI'>Gibraltar</option><option value='GR'>Greece</option><option value='GL'>Greenland</option><option value='GD'>Grenada</option><option value='GP'>Guadeloupe</option><option value='GU'>Guam</option><option value='GT'>Guatemala</option><option value='GN'>Guinea</option><option value='GW'>Guinea-Bissau</option><option value='GY'>Guyana</option><option value='HT'>Haiti</option><option value='HM'>Heard and McDonald Islands</option><option value='HN'>Honduras</option><option value='HK'>Hong Kong</option><option value='HU'>Hungary</option><option value='IS'>Iceland</option><option value='IN'>India</option><option value='ID'>Indonesia</option><option value='IQ'>Iraq</option><option value='IE'>Ireland</option><option value='IR'>Islamic Republic of Iran</option><option value='IL'>Israel</option><option value='IT'>Italy</option><option value='JM'>Jamaica</option><option value='JP'>Japan</option><option value='JO'>Jordan</option><option value='KZ'>Kazakhstan</option><option value='KE'>Kenya</option><option value='KI'>Kiribati</option><option value='KP'>Korea, Dem. Peoples Rep of</option><option value='KR'>Korea, Republic of</option><option value='KW'>Kuwait</option><option value='KG'>Kyrgyzstan</option><option value='LA'>Laos</option><option value='LV'>Latvia</option><option value='LB'>Lebanon</option><option value='LS'>Lesotho</option><option value='LR'>Liberia</option><option value='LY'>Libyan Arab Jamahiriya</option><option value='LI'>Liechtenstein</option><option value='LT'>Lithuania</option><option value='LU'>Luxembourg</option><option value='MO'>Macau</option><option value='MK'>Macedonia</option><option value='MG'>Madagascar</option><option value='MW'>Malawi</option><option value='MY'>Malaysia</option><option value='MV'>Maldives</option><option value='ML'>Mali</option><option value='MT'>Malta</option><option value='MH'>Marshall Islands</option><option value='MQ'>Martinique</option><option value='MR'>Mauritania</option><option value='MU'>Mauritius</option><option value='YT'>Mayotte</option><option value='MX'>Mexico</option><option value='FM'>Micronesia</option><option value='MD'>Moldova, Republic of</option><option value='MC'>Monaco</option><option value='MN'>Mongolia</option><option value='MS'>Montserrat</option><option value='MA'>Morocco</option><option value='MZ'>Mozambique</option><option value='MM'>Myanmar</option><option value='NA'>Namibia</option><option value='NR'>Nauru</option><option value='NP'>Nepal</option><option value='NL'>Netherlands</option><option value='AN'>Netherlands Antilles</option><option value='NC'>New Caledonia</option><option value='NZ'>New Zealand</option><option value='NI'>Nicaragua</option><option value='NE'>Niger</option><option value='NG'>Nigeria</option><option value='NU'>Niue</option><option value='NF'>Norfolk Island</option><option value='MP'>Northern Mariana Islands</option><option value='NO'>Norway</option><option value='OM'>Oman</option><option value='PK'>Pakistan</option><option value='PW'>Palau</option><option value='PA'>Panama</option><option value='PG'>Papua New Guinea</option><option value='PY'>Paraguay</option><option value='PE'>Peru</option><option value='PH'>Philippines</option><option value='PN'>Pitcairn</option><option value='PL'>Poland</option><option value='PT'>Portugal</option><option value='PR'>Puerto Rico</option><option value='QA'>Qatar</option><option value='RE'>Reunion</option><option value='RO'>Romania</option><option value='RU'>Russian Federation</option><option value='RW'>Rwanda</option><option value='LC'>Saint Lucia</option><option value='WS'>Samoa</option><option value='SM'>San Marino</option><option value='ST'>Sao Tome and Principe</option><option value='SA'>Saudi Arabia</option><option value='SN'>Senegal</option><option value='YU'>Serbia and Montenegro</option><option value='SC'>Seychelles</option><option value='SL'>Sierra Leone</option><option value='SG'>Singapore</option><option value='SK'>Slovakia</option><option value='SI'>Slovenia</option><option value='SB'>Solomon Islands</option><option value='SO'>Somalia</option><option value='ZA'>South Africa</option><option value='ES'>Spain</option><option value='LK'>Sri Lanka</option><option value='SH'>St. Helena</option><option value='KN'>St. Kitts and Nevis</option><option value='PM'>St. Pierre and Miquelon</option><option value='VC'>St. Vincent and the Grenadines</option><option value='SD'>Sudan</option><option value='SR'>Suriname</option><option value='SJ'>Svalbard and Jan Mayen Islands</option><option value='SZ'>Swaziland</option><option value='SE'>Sweden</option><option value='CH'>Switzerland</option><option value='SY'>Syrian Arab Republic</option><option value='TW'>Taiwan</option><option value='TJ'>Tajikistan</option><option value='TZ'>Tanzania, United Republic of</option><option value='TH'>Thailand</option><option value='TG'>Togo</option><option value='TK'>Tokelau</option><option value='TO'>Tonga</option><option value='TT'>Trinidad and Tobago</option><option value='TN'>Tunisia</option><option value='TR'>Turkey</option><option value='TM'>Turkmenistan</option><option value='TC'>Turks and Caicos Islands</option><option value='TV'>Tuvalu</option><option value='UG'>Uganda</option><option value='UA'>Ukraine</option><option value='AE'>United Arab Emirates</option><option value='VI'>United States Virgin Islands</option><option value='UY'>Uruguay</option><option value='UZ'>Uzbekistan</option><option value='VU'>Vanuatu</option><option value='VA'>Vatican City State</option><option value='VE'>Venezuela</option><option value='VN'>Vietnam</option><option value='WF'>Wallis And Futuna Islands</option><option value='EH'>Western Sahara</option><option value='YE'>Yemen</option><option value='ZR'>Zaire</option><option value='ZM'>Zambia</option><option value='ZW'>Zimbabwe</option> </select> </td> </tr> <tr> <td align="right">Zip/Postal code</td> <td><font color="#ff0000">*</font></td> <td nowrap="nowrap"><input type="text" name="rz_Zipcode" title="Zipcode" size="32" maxlength="32" value="" /></td> </tr> <tr><td height="20" colspan="3"><b>Contact Information</b><hr size="1" noshade="noshade" /></td></tr> <tr> <td align="right">Phone</td> <td></td> <td nowrap="nowrap"><input type="text" name="sm_Phone" title="Phone" size="32" maxlength="32" value="" /></td> </tr> <tr> <td align="right">E-mail address</td> <td><font color="#ff0000">*</font></td> <td nowrap="nowrap"> (Please enter ONLY real email address) <br /> <input type="text" name="re_Email" title="Email" size="32" maxlength="128" value="" /> </td> </tr> <tr> <td align="right">Web Site</td> <td>&nbsp;</td> <td nowrap="nowrap"><input type="text" name="su_Url" title="Web Site" size="32" maxlength="128" value="" /></td> </tr> <tr><td colspan="3"><b>Username & Password</b><hr size="1" noshade="noshade" /></td></tr> <tr> <td align="right">Username</td> <td><font color="#ff0000">*</font></td> <td nowrap="nowrap"><input type="text" name="rl_Username" title="Username" size="32" maxlength="32" value="" /></td> </tr> <tr> <td align="right">Password</td> <td><font color="#ff0000">*</font></td> <td nowrap="nowrap"><input type="password" name="rp_Pass" title="Password" size="32" maxlength="64" value="" /></td> </tr> <tr> <td align="right">Confirm Password</td> <td><font color="#ff0000">*</font></td> <td nowrap="nowrap"><input type="password" name="sv_Pass" title="Confirm Password" size="32" maxlength="32" value="" /></td> </tr> <tr><td colspan="3" nowrap height="7px"></td></tr> <tr> <td colspan="3" align="left"> <table> <tr valign="top"> <td align="right"><input type='checkbox' name="sc_SendUpdates" title="Send Updates" value="1" /></td> <td>&nbsp;</td> <td>Please send me information about specials and discounts!</td> </tr> <tr><td colspan="3" nowrap height="5px"></td></tr> <tr valign="middle"> <td align="right"><input type='checkbox' name="rc_Agree" title="Terms & Conditions" value="1" /></td> <td>&nbsp;</td> <td>I have read and AGREE with Terms & Conditions</td> </tr> </table> </td> </tr> <tr><td colspan="2">&nbsp;</td></tr> <tr> <td colspan="3" align="center"> <input type="reset" value="Reset" name="butReset" /> &nbsp; <input onclick="return jsFormValidator.onSubmitCheck(document.forms['frmTest'])" type="submit" value="Submit" name="butRegister"> </td> </tr> <tr><td colspan="2">&nbsp;</td></tr> </table> </form> <hr> <h4>Code</h4> <pre> &lt;input type="text" name="rt_FirstName" size="32" title="First Name" maxlength="32" value="" /&gt; &lt;input type="text" name="rt_LastName" title="Last Name" size="32" maxlength="32" value="" /&gt; &lt;input type="text" name="st_CompanyName" title="Company" size="32" maxlength="255" value="" /&gt; &lt;input type="text" name="ry_Address" title="Address" size="32" maxlength="64" value="" /&gt; &lt;input type="text" name="sy_Address_2" title="Address (line 2)" size="32" maxlength="64" value="" /&gt; &lt;input type="text" name="rt_City" title="City" size="32" maxlength="64" value="" /&gt; &lt;input type="text" name="st_State" title="State" size="32" maxlength="64" value="" /&gt; &lt;select name="st_Country" title="Country"&gt;&lt;option&gt;-- select --&lt;/option&gt;&lt;/select&gt; &lt;input type="text" name="rz_Zipcode" title="Zipcode" size="32" maxlength="32" value="" /&gt; &lt;input type="text" name="sm_Phone" title="Phone" size="32" maxlength="32" value="" /&gt; &lt;input type="text" name="re_Email" title="Email" size="32" maxlength="128" value="" /&gt; &lt;input type="text" name="su_Url" title="Web Site" size="32" maxlength="128" value="" /&gt; &lt;input type="text" name="rl_Username" title="Username" size="32" maxlength="32" value="" /&gt; &lt;input type="password" name="rp_Pass" size="32" title="Password" maxlength="64" value="" /&gt; &lt;input type="password" name="sv_Pass" size="32" title="Confirm Password" maxlength="32" value="" /&gt; &lt;input type='checkbox' name="sc_SendUpdates" title="Send Updates" value="1" /&gt; &lt;input type='checkbox' name="rc_Agree" title="Terms & Conditions" value="1" /&gt; </pre> </body> </html>