Login   Register  
Icontem

File: examples/validation_validators.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/validation_validators.html  >  Download  
File: examples/validation_validators.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:52
Size: 3,787 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>Validators</h4>		

<form name="frmTest" action="result.html" method="get" style="padding:5px;">
<table cellSpacing="0" cellPadding="0" border="0" valign="top">
<tbody>
<tr>
    <td align="left">Email #1 <FONT color="#ff0000">*</font> (reEmail1):</td>
    <td width="8">&nbsp;</td>
    <td align="left"><input size="18" title="Email #1" type="text" maxLength="25" name="reEmail1"> <label class='note'>Required field. Type: email.</label></td>
    <td width="8">&nbsp;</td>
</tr>  
<tr>
    <td align="left">Confirm Email #1<FONT color="#ff0000">*</font> (rvEmail1):</td>
    <td width="8">&nbsp;</td>
    <td align="left"><input size="18" title="Confirm Email #1" type="text" maxLength="25" name="rvEmail1"> <label class='note'>Required field. Type: email validator.</label></td>
    <td width="8">&nbsp;</td>
</tr>

<tr><td colSpan="7">&nbsp;</td></tr>
<tr><td colSpan="7">&nbsp;</td></tr>

<tr>
    <td align="left">Email #2 (seEmail2):</td>
    <td width="8">&nbsp;</td>
    <td align="left"><input size="18" title="Email #2" type="text" maxLength="25" name="seEmail2"> <label class='note'>Optional field. Type: email.</label></td>
    <td width="8">&nbsp;</td>
</tr>  
<tr>
    <td align="left">Confirm Email #2 (svEmail2):</td>
    <td width="8">&nbsp;</td>
    <td align="left"><input size="18" title="Confirm Email #2" type="text" maxLength="25" name="svEmail2"> <label class='note'>Optional field. Type: email validator.</label></td>
    <td width="8">&nbsp;</td>
</tr>

<tr><td colSpan="7">&nbsp;</td></tr>
<tr><td colSpan="7">&nbsp;</td></tr>

<tr>
    <td align="left">Password <FONT color="#ff0000">*</font> (rpPass):</td>
    <td width="8">&nbsp;</td>
    <td align="left"><input size="18" title="Password" type="password" maxLength="25" name="rpPass"> <label class='note'>Required field. Type: password.</label></td>
    <td width="8">&nbsp;</td>
</tr>  
<tr>
    <td align="left">Confirm Password <FONT color="#ff0000">*</font> (rvPass):</td>
    <td width="8">&nbsp;</td>
    <td align="left"><input size="18" title="Confirm Password" type="password" maxLength="25" name="rvPass"> <label class='note'>Required field. Type: password validator.</label></td>
    <td width="8">&nbsp;</td>
</tr>  
<tr><td colSpan="7">&nbsp;</td></tr>
<tr>
    <td align="middle" colSpan="7">
        <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 width="8" colspan="4" nowrap height="23px">&nbsp;</td></tr>
</tbody>
</table>
</form>


<hr>
<h4>Code</h4>
<pre>
&lt;INPUT type="text" name="rvEmail1" title="Email #1" maxLength="25" /&gt;
&lt;INPUT type="text" name="rvEmail1" title="Confirm Email #1" maxLength="25" /&gt;
&lt;INPUT type="text" name="seEmail2" title="Email #2" maxLength="25" /&gt;
&lt;INPUT type="text" name="svEmail2" title="Confirm Email #2" maxLength="25" /&gt;
&lt;INPUT type="password" name="rpPass" title="Password" maxLength="25" /&gt;
&lt;INPUT type="password" name="rvPass" title="Confirm Password" maxLength="25" /&gt;
</pre>
</body>
</html>