Mutationevent :: Validate.js

how to use addRules() and Apply()

<scritp type="text/javascript" src="validate.js"></script>

<script type="text/javascript">
var myForm = new Validate();
myForm.addRules({id:'firstname',option:'required',error:'Le champ nom est obligatoire.'});
myForm.addRules({id:'email',option:'email',error:'Le champ email doit contenir une adresse mail valide.'});
</script>
<!--
if you use : myForm.Apply() errors will be returned to alert window
and if you use myForm.Apply('error_div') errors will be returned into DIV with id='error_div'
if your form is correct it will be submited to the specified url (<form...action="sendtopage"...>...</form>)
-->
<form id="form1" method="post" action="sendtopage" onsubmit="return myForm.Apply()">
first Name : <input name="firstname" type="text" id="firstname" /><br />
your E-mail : <input name="email" type="text" id="email" />
...
<input type="submit" name="Submit" value="Submit"/>
</form>

<scritp type="text/javascript" src="validate.js"></script>

<script type="text/javascript">

//call the javascript library "validate.js"

var f = new Validate();

</script>

Exemples

Name :

if(!f.isNotEmpty(document.validateForm.nom.value)){
	  alert("Empty");
}else{
	  alert("Not empty");
}

Number : (Number)

if(f.isNum(document.validateForm.code.value)){
	alert('valid') 
}else{
	alert('invalid')
}

date :

// format : FR(dd/mm/yyyy), SHORTFR(dd/mm/yy), US(yyyy-mm-dd), SHORTUS(yy-mm-dd)
// isDate(date,format);
if(f.isDate(document.validateForm.date.value,document.validateForm.dateformat.value)){
	alert('invalid date format');
}else{
	alert('valid date format');
}

E-mail : email

if(f.isEMailAddr(document.validateForm.email.value)){
	alert('Valid email');
}else{
	alert('invalid email');
}

Url : Must contain http:// , https:// , ftp:// Or ftps://

if(f.isURL(document.validateForm.url.value)){
	  alert('valid URL');
}else{
	  alert('invalid URL');
}

IP : xxx.xxx.xxx.xxx

if(f.isSimpleIP(document.validateForm.ip.value)){
	  alert('valid ip address');
}else{
	  alert('invalid ip address');
}

Alpha : 0123456789abcdefghijklmnopqrstuvwxyz

if(f.isAlphaLatin(document.validateForm.alpha.value)){
	  alert('valid alpha');
}else{
	  alert('invalid alpha');
}

Chars to validate : chars caseSensitive

if(f.hasValidChars(document.validateForm.vchars1.value,document.validateForm.vchars2.value,document.validateForm.vchars3.value)){
alert('Valid');
}else{
alert('invalid');
}

Number : min : Max : 0 -> 10 (range)

if(f.isIntegerInRange(document.validateForm.rangenumber.value,document.validateForm.min.value,document.validateForm.max.value)){
	  alert('valid');
}else{
	  alert('invalid');
}

Zip code (Postal code):

if(f.isZipCode(document.validateForm.zipcode.value,document.validateForm.zcountry.value)){
	  alert('valid zip code');
}else{
	  alert('invalid zip code');
}

MD5 :

if(f.isMD5(document.validateForm.md5.value)){
	  alert('valid MD5');
}else{
	  alert('invalid MD5');
}

GUID :

if(f.isGuid(document.validateForm.guid.value)){
	  alert('valid GUID');
}else{
	  alert('invalid GUID');
}

ISBN :

if(f.isISBN(document.validateForm.isbn.value)){
	  alert('valid MD5');
}else{
	  alert('invalid MD5');
}

SSN : NNN-NN-NNNN

if(f.isSSN(document.validateForm.ssn.value)){
	  alert('valid Social Security Number');
}else{
	  alert('invalid Social Security Number');
}

Decimal : positive or negative

if(f.isDecimal(document.validateForm.decimal.value)){
	  alert('valid');
}else{
	  alert('invalid');
}

isEqual :

if(f.isEqual(document.validateForm.eqchar1.value,document.validateForm.eqchar2.value)){
	  alert('valid');
}else{
	  alert('invalid');
}