/*
ShadowValidation
----------------
Generic Form Validation.
To activate this validation, add attributes to your form elements.
Attribute "validate" defines what type of validation you want.
Possible values for "validate" attribute:
"not_empty" - element can't be empty.
"integer" - element must have integer value.
"number" - element must have numeric value.
"email" - element value must be valid email address.
"alphabet" - element value must consist only of given alphabet list in allow_only attribute.
you can give ranges using ".." in the allow_only attribute.
[function name] - vaidate using your own function. see below for more details.
You can join more than one validation type by using the "|" character.
For example:
<input type="text" name="myinput" validate="not_empty|number" />
will force not empty and numeric value.
Example for alphabet validation:
<input type="text" name="myinput" validate="not_empty|alphabet" allow_only="a..zA..Z0..9" />
will force not empty value that contains only english letters or digits.
Attribute "msg" defines the message to display when validation fails.
For example:
<input type="text" name="myinput" validate="not_empty|number" msg="please enter value|invalid value" />
will show "please enter value" if value is empty and "invalid value" if not numeric.
By default, the message will appear next to the form element.
You can have the message appear as alert dialog by adding show_alert attribute to the form.
For example:
<form show_alert="1" onsubmit="return Validate(this);">
will show the messages as alerts.
Attribute "error_container" defines where the message will appear in case of invalid input.
You must have corresponding <span> or <div> tag with that exact ID in the page. If this
attribute is missing, the message will appear after the input element.
For example:
<input type="radio" name="gender" value="M" validate="not_empty" msg="please select gender" error_container="GenderErrorContainer" />
and then have such code after the radio buttons:
<span id="GenderErrorContainer"></span>
Advanced:
You can use your own function to validate the data.
For this, write the function name as the value of "validate" attribute.
For example:
<input type="text" name="myinput" validate="MyValidate" />
The function must get the form element as its parameter and return true if valid or false otherwise.
Written by:
© Shadow Wizard, 2006
*/
function Validate(objForm) {
var arrValidated=new Array();
for (var i=0; i<objForm.elements.length; i++) {
var element=objForm.elements[i];
var elName=element.name;
if ((!elName)||(elName.length == 0)||(arrValidated[elName]))
continue;
arrValidated[elName] = true;
var validationType = element.getAttribute("validate");
if ((!validationType)||(validationType.length == 0))
continue;
var strMessages=element.getAttribute("msg");
if (!strMessages)
strMessages = "";
var arrMessages = strMessages.split("|");
var arrValidationTypes = validationType.split("|");
for (var j=
0; j<arrValidationTypes.
length; j++
) { var curValidationType = arrValidationTypes[j];
var blnValid=true;
switch (curValidationType) {
case "not_empty":
blnValid = ValidateNotEmpty(element);
break;
case "integer":
blnValid = ValidateInteger(element);
break;
case "number":
blnValid = ValidateNumber(element);
break;
case "email":
blnValid = ValidateEmail(element);
break;
case "alphabet":
blnValid = ValidateAlphaBet(element);
break;
default:
try {
blnValid = eval(curValidationType+"(element)");
}
catch (ex) {
blnValid = true;
}
}
if (blnValid == false) {
var message="invalid value for "+element.name;
if ((j < arrMessages.length)&&(arrMessages[j].length > 0))
message = arrMessages[j];
InsertError(element, message);
if ((typeof element.focus == "function")||(element.focus)) {
element.focus();
}
return false;
}
else
ClearError(element);
}
}
return true;
}
function ValidateNotEmpty(objElement) {
var strValue = GetElementValue(objElement);
return (strValue.length > 0);
}
function ValidateInteger(objElement) {
var strValue = GetElementValue(objElement);
return (!isNaN(parseInt(strValue)));
}
function ValidateNumber(objElement) {
var strValue = GetElementValue(objElement);
return (!isNaN(parseFloat(strValue)));
}
function ValidateEmail(objElement) {
var strValue = GetElementValue(objElement);
if (strValue.length < 5)
return false;
var arrTemp=strValue.split("@");
if (arrTemp.length != 2)
return false;
var strLeftPart = arrTemp[0];
var strRightPart = arrTemp[1];
if ((strLeftPart.length == 0)||(strRightPart.length == 0))
return false;
arrTemp = strRightPart.split(".");
if (arrTemp.length < 2)
return false;
for (var i=
0; i<arrTemp.
length; i++
) { if (arrTemp[i].length == 0)
return false;
}
return true;
}
function ValidateAlphaBet(objElement) {
var strValue = GetElementValue(objElement);
if (strValue.length == 0)
return true;
var strAllowOnly = objElement.getAttribute("allow_only");
if (!strAllowOnly)
strAllowOnly = "";
if (strAllowOnly.length == 0)
return true;
var i=0;
var arrAllowedChars=new Array();
while (i < strAllowOnly.length) {
if ((i < (strAllowOnly.length-2)) && (strAllowOnly.substr(i+1, 2) == "..")) {
for (var j=strAllowOnly.charCodeAt(i); j<=strAllowOnly.charCodeAt(i+3); j++) {
arrAllowedChars[arrAllowedChars.length] = String.fromCharCode(j);
}
i += (2*2);
continue;
}
arrAllowedChars[arrAllowedChars.length] = strAllowOnly.charAt(i)+"";
i++;
}
for (var i=0; i<strValue.length; i++)
if (InArray(arrAllowedChars, strValue.substr(i, 1)) < 0)
return false;
return true;
}
function GetElementValue(objElement) {
var result="";
switch (objElement.type) {
case "text":
case "hidden":
case "textarea":
case "password":
result = objElement.value;
break;
case "select-one":
case "select":
if (objElement.selectedIndex >= 0)
result = objElement.options[objElement.selectedIndex].value;
break;
case "radio":
case "checkbox":
for (var i=0; i<objElement.form.elements.length; i++) {
if (objElement.form.elements[i].name == objElement.name) {
if (objElement.form.elements[i].checked)
result += objElement.form.elements[i].value+",";
}
}
break;
}
return result;
}
function InsertError(element, strMessage) {
if ((element.form.getAttribute("show_alert")) && (element.form.getAttribute("show_alert") != "0")) {
ASP Free Forums Sponsor:
March 23rd, 2006, 06:01 AM
Del.icio.us
Digg
Google
Spurl
Blink
Furl
Simpy
Y! MyWeb
