mboussaid/VerifyJS

VerifyJS Documentation

this function allows you to add a keyup event handler and each time when you change the value this function checks if the value of the input match the regular expression if true then add your custom success classname else add your custom error classname

syntax

verify(element,regExp,successClass , errorClass);

example

create a success and error classNames

.success{
	backgroud:green;
	color:#fff;
}
.error{
	backgroud:red;
	color:#fff;
}

<input id='test-input' type="text" placeholder="" />

/// check if the length of the input is 8 at least
verify('#test-input',/^\w{8,}$/,'success','error');

/// example for email 
verify('#test-input',/^\w+@\w+.\w+$/,'success','error');

/// example for phone number
verify('#test-input',/^(+2126|06)\d{8}$/,'success','error');

/// example for url 
verify('#test-input',/^(http:\/\/|https:\/\/)\w+.\w+\.\w+/,'success','error');