Login   Register  
Icontem

File: examples/registration_page.html

Recommend this page to a friend!
Stumble It! Stumble It! Bookmark in del.icio.us Bookmark in del.icio.us
  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: 2014-01-14 05:50
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>