/*
* Inline Form Validation Engine 1.3.9, jQuery plugin
*
* Copyright(c) 2009, Cedric Dugas
* http://www.position-relative.net
*
* Form validation engine which allow custom regex rules to be added.
* Licenced under the MIT Licence
*/
$(document).ready(function() {
// SUCCESS AJAX CALL, replace "success: false," by: success : function() { callSuccessFunction() },
$("[class^=validate]").validationEngine({
success : false,
failure : function() {}
})
$.validationEngine.intercept = false
//$.validationEngine.buildPrompt("#date","This is an example","error") // Exterior prompt build example
//$.validationEngine.closePrompt(".date") // Exterior prompt close example
});
(function($) {
$.fn.validationEngine = function(settings) {
if($.validationEngineLanguage){ // IS THERE A LANGUAGE LOCALISATION ?
allRules = $.validationEngineLanguage.allRules
}else{
allRules = {"required":{ // Add your regex rules here, you can take telephone as an example
"regex":"none",
"alertText":"* This field is required",
"alertTextCheckboxMultiple":"* Please select an option",
"alertTextCheckboxe":"* This checkbox is required"},
"length":{
"regex":"none",
"alertText":"*Between ",
"alertText2":" and ",
"alertText3": " characters allowed"},
"minCheckbox":{
"regex":"none",
"alertText":"* Checks allowed Exceeded"},
"confirm":{
"regex":"none",
"alertText":"* Your field is not matching"},
"telephone":{
"regex":"/^[0-9\-\(\)\ ]+$/",
"alertText":"* Invalid phone number"},
"email":{
"regex":"/^[a-zA-Z0-9_\.\-]+\@([a-zA-Z0-9\-]+\.)+[a-zA-Z0-9]{2,4}$/",
"alertText":"* Invalid email address"},
"date":{
"regex":"/^[0-9]{4}\-\[0-9]{1,2}\-\[0-9]{1,2}$/",
"alertText":"* Invalid date, must be in YYYY-MM-DD format"},
"onlyNumber":{
"regex":"/^[0-9\ ]+$/",
"alertText":"* Numbers only"},
"noSpecialCaracters":{
"regex":"/^[0-9a-zA-Z]+$/",
"alertText":"* No special caracters allowed"},
"ajaxUser":{
"file":"validateUser.php",
"alertTextOk":"* This user is available",
"alertTextLoad":"* Loading, please wait",
"alertText":"* This user is already taken"},
"ajaxName":{
"file":"validateUser.php",
"alertText":"* This name is already taken",
"alertTextOk":"* This name is available",
"alertTextLoad":"* Loading, please wait"},
"onlyLetter":{
"regex":"/^[a-zA-Z\ \']+$/",
"alertText":"* Letters only"}
}
}
settings = jQuery.extend({
allrules:allRules,
inlineValidation: true,
success : false,
failure : function() {}
}, settings);
$.validationEngine.settings= settings
$.validationEngine.ajaxValidArray = new Array()
$("form").bind("submit", function(caller){ // ON FORM SUBMIT, CONTROL AJAX FUNCTION IF SPECIFIED ON DOCUMENT READY
$.validationEngine.onSubmitValid = true;
if($.validationEngine.submitValidation(this) == false){
submitForm()
}else{
settings.failure && settings.failure();
return false;
}
})
if(settings.inlineValidation == true){ // Validating Inline ?
$(this).not("[type=checkbox]").bind("blur", function(caller){ _inlinEvent(this) })
$(this+"[type=checkbox]").bind("click", function(caller){ _inlinEvent(this) })
function _inlinEvent(caller){
if($.validationEngine.intercept == false){ // STOP INLINE VALIDATION THIS TIME ONLY
$.validationEngine.onSubmitValid=false;
$.validationEngine.loadValidation(caller);
}else{
$.validationEngine.intercept = false;
}
}
}
};
$.validationEngine = {
submitForm : function(){
if (settings.success){
settings.success && settings.success();
return false;
}
},
buildPrompt : function(caller,promptText,type,ajaxed) { // ERROR PROMPT CREATION AND DISPLAY WHEN AN ERROR OCCUR
var divFormError = document.createElement('div')
var formErrorContent = document.createElement('div')
$(divFormError).addClass("formError")
if(type == "pass"){
$(divFormError).addClass("greenPopup")
}
if(type == "load"){
$(divFormError).addClass("blackPopup")
}
if(ajaxed){
$(divFormError).addClass("ajaxed")
}
$(divFormError).addClass($(caller).attr("id"))
$(formErrorContent).addClass("formErrorContent")
$("body").append(divFormError)
$(divFormError).append(formErrorContent)
if($.validationEngine.showTriangle != false){ // NO TRIANGLE ON MAX CHECKBOX AND RADIO
var arrow = document.createElement('div')
$(arrow).addClass("formErrorArrow")
$(divFormError).append(arrow)
$(arrow).html('
');
}
$(formErrorContent).html(promptText)
callerTopPosition = $(caller).offset().top;
callerleftPosition = $(caller).offset().left;
callerWidth = $(caller).width()
callerHeight = $(caller).height()
inputHeight = $(divFormError).height()
callerleftPosition = callerleftPosition + callerWidth -30
callerTopPosition = callerTopPosition -inputHeight -10
$(divFormError).css({
top:callerTopPosition,
left:callerleftPosition,
opacity:0
})
return $(divFormError).animate({"opacity":0.87},function(){return true;});
},
updatePromptText : function(caller,promptText,type,ajaxed) { // UPDATE TEXT ERROR IF AN ERROR IS ALREADY DISPLAYED
updateThisPrompt = $(caller).attr("id")
updateThisPrompt = "."+updateThisPrompt
if(type == "pass"){
$(updateThisPrompt).addClass("greenPopup")
}else{
$(updateThisPrompt).removeClass("greenPopup")
}
if(type == "load"){
$(updateThisPrompt).addClass("blackPopup")
}else{
$(updateThisPrompt).removeClass("blackPopup")
}
if(ajaxed){
$(updateThisPrompt).addClass("ajaxed")
}else{
$(updateThisPrompt).removeClass("ajaxed")
}
$(updateThisPrompt).find(".formErrorContent").html(promptText)
callerTopPosition = $(caller).offset().top;
inputHeight = $(updateThisPrompt).height()
callerTopPosition = callerTopPosition -inputHeight -10
$(updateThisPrompt).animate({
top:callerTopPosition
});
},
loadValidation : function(caller) { // GET VALIDATIONS TO BE EXECUTED
rulesParsing = $(caller).attr('class');
rulesRegExp = /\[(.*)\]/;
getRules = rulesRegExp.exec(rulesParsing);
str = getRules[1]
pattern = /\W+/;
result= str.split(pattern);
var validateCalll = $.validationEngine.validateCall(caller,result)
return validateCalll
},
validateCall : function(caller,rules) { // EXECUTE VALIDATION REQUIRED BY THE USER FOR THIS FIELD
var promptText =""
var prompt = $(caller).attr("id");
var caller = caller;
ajaxValidate = false
var callerName = $(caller).attr("name");
$.validationEngine.isError = false;
$.validationEngine.showTriangle = true
callerType = $(caller).attr("type");
for (i=0; i 1 && callerType == "radio") { // Hack for radio group button, the validation go the first radio
caller = $("input[name="+callerName+"]:first");
$.validationEngine.showTriangle = false;
var callerId ="."+ $(caller).attr("id");
if($(callerId).size()==0){ $.validationEngine.isError = true; }else{ $.validationEngine.isError = false;}
}
if($("input[name="+callerName+"]").size()> 1 && callerType == "checkbox") { // Hack for checkbox group button, the validation go the first radio
caller = $("input[name="+callerName+"]:first");
$.validationEngine.showTriangle = false;
var callerId ="div."+ $(caller).attr("id");
if($(callerId).size()==0){ $.validationEngine.isError = true; }else{ $.validationEngine.isError = false;}
}
}
function radioHackClose(){
if($("input[name="+callerName+"]").size()> 1 && callerType == "radio") { // Hack for radio group button, the validation go the first radio
caller = $("input[name="+callerName+"]:first");
}
if($("input[name="+callerName+"]").size()> 1 && callerType == "checkbox") { // Hack for checkbox group button, the validation go the first radio
caller = $("input[name="+callerName+"]:first");
}
}
/* VALIDATION FUNCTIONS */
function _required(caller,rules){ // VALIDATE BLANK FIELD
callerType = $(caller).attr("type");
if (callerType == "text" || callerType == "password" || callerType == "textarea"){
if(!$(caller).val()){
$.validationEngine.isError = true;
promptText += $.validationEngine.settings.allrules[rules[i]].alertText+"
";
}
}
if (callerType == "radio" || callerType == "checkbox" ){
callerName = $(caller).attr("name");
if($("input[name="+callerName+"]:checked").size() == 0) {
$.validationEngine.isError = true;
if($("input[name="+callerName+"]").size() ==1) {
promptText += $.validationEngine.settings.allrules[rules[i]].alertTextCheckboxe+"
";
}else{
promptText += $.validationEngine.settings.allrules[rules[i]].alertTextCheckboxMultiple+"
";
}
}
}
if (callerType == "select-one") { // added by paul@kinetek.net for select boxes, Thank you
callerName = $(caller).attr("id");
if(!$("select[name="+callerName+"]").val()) {
$.validationEngine.isError = true;
promptText += $.validationEngine.settings.allrules[rules[i]].alertText+"
";
}
}
if (callerType == "select-multiple") { // added by paul@kinetek.net for select boxes, Thank you
callerName = $(caller).attr("id");
if(!$("#"+callerName).val()) {
$.validationEngine.isError = true;
promptText += $.validationEngine.settings.allrules[rules[i]].alertText+"
";
}
}
}
function _customRegex(caller,rules,position){ // VALIDATE REGEX RULES
customRule = rules[position+1];
pattern = eval($.validationEngine.settings.allrules[customRule].regex);
if(!pattern.test($(caller).attr('value'))){
$.validationEngine.isError = true;
promptText += $.validationEngine.settings.allrules[customRule].alertText+"
";
}
}
function _ajax(caller,rules,position){ // VALIDATE AJAX RULES
customAjaxRule = rules[position+1];
postfile = $.validationEngine.settings.allrules[customAjaxRule].file;
fieldValue = $(caller).val();
ajaxCaller = caller;
fieldId = $(caller).attr("id");
ajaxValidate = true;
ajaxisError = $.validationEngine.isError;
/* AJAX VALIDATION HAS ITS OWN UPDATE AND BUILD UNLIKE OTHER RULES */
if(!ajaxisError){
$.ajax({
type: "POST",
url: postfile,
async: true,
data: "validateValue="+fieldValue+"&validateId="+fieldId+"&validateError="+customAjaxRule,
beforeSend: function(){ // BUILD A LOADING PROMPT IF LOAD TEXT EXIST
if($.validationEngine.settings.allrules[customAjaxRule].alertTextLoad){
if(!$("div."+fieldId)[0]){
return $.validationEngine.buildPrompt(ajaxCaller,$.validationEngine.settings.allrules[customAjaxRule].alertTextLoad,"load");
}else{
$.validationEngine.updatePromptText(ajaxCaller,$.validationEngine.settings.allrules[customAjaxRule].alertTextLoad,"load");
}
}
},
success: function(data){ // GET SUCCESS DATA RETURN JSON
data = eval( "("+data+")"); // GET JSON DATA FROM PHP AND PARSE IT
ajaxisError = data.jsonValidateReturn[2];
customAjaxRule = data.jsonValidateReturn[1];
ajaxCaller = $("#"+data.jsonValidateReturn[0])[0];
fieldId = ajaxCaller;
ajaxErrorLength = $.validationEngine.ajaxValidArray.length
existInarray = false;
if(ajaxisError == "false"){ // DATA FALSE UPDATE PROMPT WITH ERROR;
_checkInArray(false) // Check if ajax validation alreay used on this field
if(!existInarray){ // Add ajax error to stop submit
$.validationEngine.ajaxValidArray[ajaxErrorLength] = new Array(2)
$.validationEngine.ajaxValidArray[ajaxErrorLength][0] = fieldId
$.validationEngine.ajaxValidArray[ajaxErrorLength][1] = false
existInarray = false;
}
$.validationEngine.ajaxValid = false;
promptText += $.validationEngine.settings.allrules[customAjaxRule].alertText+"
";
$.validationEngine.updatePromptText(ajaxCaller,promptText,"",true);
}else{
_checkInArray(true)
$.validationEngine.ajaxValid = true;
if($.validationEngine.settings.allrules[customAjaxRule].alertTextOk){ // NO OK TEXT MEAN CLOSE PROMPT
$.validationEngine.updatePromptText(ajaxCaller,$.validationEngine.settings.allrules[customAjaxRule].alertTextOk,"pass",true);
}else{
ajaxValidate = false;
$.validationEngine.closePrompt(ajaxCaller);
}
}
function _checkInArray(validate){
for(x=0;x";
}
}
function _length(caller,rules,position){ // VALIDATE LENGTH
startLength = eval(rules[position+1]);
endLength = eval(rules[position+2]);
feildLength = $(caller).attr('value').length;
if(feildLengthendLength){
$.validationEngine.isError = true;
promptText += $.validationEngine.settings.allrules["length"].alertText+startLength+$.validationEngine.settings.allrules["length"].alertText2+endLength+$.validationEngine.settings.allrules["length"].alertText3+"
"
}
}
function _minCheckbox(caller,rules,position){ // VALIDATE CHECKBOX NUMBER
nbCheck = eval(rules[position+1]);
groupname = $(caller).attr("name");
groupSize = $("input[name="+groupname+"]:checked").size();
if(groupSize > nbCheck){
$.validationEngine.isError = true;
promptText += $.validationEngine.settings.allrules["minCheckbox"].alertText+"
";
}
}
return($.validationEngine.isError) ? $.validationEngine.isError : false;
},
closePrompt : function(caller,outside) { // CLOSE PROMPT WHEN ERROR CORRECTED
if(outside){
$(caller).fadeTo("fast",0,function(){
$(caller).remove();
});
return false;
}
if(!ajaxValidate){
closingPrompt = $(caller).attr("id");
$("."+closingPrompt).fadeTo("fast",0,function(){
$("."+closingPrompt).remove();
});
}
},
submitValidation : function(caller) { // FORM SUBMIT VALIDATION LOOPING INLINE VALIDATION
var stopForm = false;
$.validationEngine.ajaxValid = true
$(caller).find(".formError").remove();
var toValidateSize = $(caller).find("[class^=validate]").size();
$(caller).find("[class^=validate]").each(function(){
callerId = $(this).attr("id")
if(!$("."+callerId).hasClass("ajaxed")){ // DO NOT UPDATE ALREADY AJAXED FIELDS (only happen is no normal errors, don't worry)
var validationPass = $.validationEngine.loadValidation(this);
return(validationPass) ? stopForm = true : "";
}
});
ajaxErrorLength = $.validationEngine.ajaxValidArray.length // LOOK IF SOME AJAX IS NOT VALIDATE
for(x=0;x