/* * Inline Form Validation Engine, jQuery plugin * * Copyright(c) 2009, Cedric Dugas * http://www.position-relative.net * * Form validation engine witch 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() }, if ( $("[class^=validate]").length > 0 ) // RYAN ADDED TO MAKE SURE WE SHOULD REALLY CALL THE VALIDATOR FUNCTION (BREAKS OTHER jQUERY ON PAGE!) { $("[class^=validate]").validationEngine({ success : false, failure : function() {} }) } }); // CUSTOM PAUSE FUNCTION RYAN FOUND $.fn.val_pause = function(duration) { $(this).animate({ dummy: 1 }, duration); return this; }; jQuery.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":"* Fields do not match"}, "telephone":{ "regex":"/^[0-9\(\)\. -]+$/", "alertText":"* Invalid phone number
   format: xxx-xxx-xxxx"}, "zip":{ "regex":"/^[0-9 -]+$/", "alertText":"* Invalid zipcode"}, "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
   format: YYYY-MM-DD"}, "ssn":{ "regex":"/^[0-9 -]+$/", "alertText":"* Invalid SSN#
   format: xxx-xx-xxxx"}, "onlyNumber":{ "regex":"/^[0-9]+$/", "alertText":"* Numbers only"}, "noSpecialCharacters":{ "regex":"/^[0-9a-zA-Z ,.]+$/", "alertText":"* No special characters allowed"}, "noScript":{ "regex":"/^[0-9a-zA-Z @'#&%!\"\*\?$:\\\]\\\[\(\)/,._\-]+$/", "alertText":"* No special characters allowed"}, "onlyLetter":{ "regex":"/^[a-zA-Z]+$/", "alertText":"* Letters only"}, "onlyLetterSpace":{ "regex":"/^[a-zA-Z ]+$/", "alertText":"* Letters only"} } } settings = jQuery.extend({ allrules:allRules, success : false, failure : function() {} }, settings); $("form").bind("submit", function(caller){ // ON FORM SUBMIT, CONTROL AJAX FUNCTION IF SPECIFIED ON DOCUMENT READY if(submitValidation(this) == false){ if (settings.success){ settings.success && settings.success(); return false; } }else{ settings.failure && settings.failure(); return false; } }) $(this).not("[type=checkbox]").bind("blur", function(caller){loadValidation(this)}) $(this+"[type=checkbox]").bind("click", function(caller){loadValidation(this)}) var buildPrompt = function(caller,promptText) { // ERROR PROMPT CREATION AND DISPLAY WHEN AN ERROR OCCUR var divFormError = document.createElement('div') var formErrorContent = document.createElement('div') var arrow = document.createElement('div') $(divFormError).addClass("formError") $(divFormError).addClass($(caller).attr("id")) // RYAN CHANGED FROM "name" to "id" $(formErrorContent).addClass("formErrorContent") $(arrow).addClass("formErrorArrow") $("body").append(divFormError) $(divFormError).append(arrow) $(divFormError).append(formErrorContent) $(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 }) $(divFormError).fadeTo("fast",0.85).val_pause(2000).fadeTo(1500, 0.0); // RYAN ADDED FADE AFTER LOAD SO BOXES AREN'T SO ANNOYING ON DENSE FORMS }; var updatePromptText = function(caller,promptText) { // UPDATE TEXT ERROR IF AN ERROR IS ALREADY DISPLAYED updateThisPrompt = $(caller).attr("id") // RYAN CHANGED FROM "name" to "id" $("."+updateThisPrompt).find(".formErrorContent").html(promptText) callerTopPosition = $(caller).offset().top; inputHeight = $("."+updateThisPrompt).height() callerTopPosition = callerTopPosition -inputHeight -10 $("."+updateThisPrompt).animate({ top:callerTopPosition }).fadeTo("fast",0.85); // RYAN ADDED "fadeTo" to Re-Show Box (Since I hid it above...) } var 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 = validateCall(caller,result) return validateCalll }; var validateCall = function(caller,rules) { // EXECUTE VALIDATION REQUIRED BY THE USER FOR THIS FILED var promptText ="" var isError = false //var isRequired = false // RYAN ADDED FOR NON-REQUIRED FIELD HACK var prompt = $(caller).attr("id") // RYAN CHANGED FROM "name" to "id" var caller = caller callerType = $(caller).attr("type") for (i=0; i 0))){ // RYAN HACK TO ONLY DISPLAY VALIDATOR IF FIELD IS REQUIRED, OR NON-BLANK { if($("input[id="+prompt+"]").size()> 1 && callerType == "radio") { // Hack for radio group button, the validation go the first radio // RYAN CHANGED FROM "name" to "id" caller = $("input[id="+prompt+"]:first") // RYAN CHANGED FROM "name" to "id" } ($("."+prompt).size() ==0) ? buildPrompt(caller,promptText) : updatePromptText(caller,promptText) }else{ //isError = false // RYAN HACK TO ONLY DISPLAY VALIDATOR IF FIELD IS REQUIRED, OR NON-BLANK closePrompt(caller) } /* VALIDATION FUNCTIONS */ function _required(caller,rules){ // VALIDATE BLANK FIELD callerType = $(caller).attr("type") if (callerType == "text" || callerType == "password" || callerType == "textarea"){ if(!$(caller).val()){ isError = true promptText += settings.allrules[rules[i]].alertText+"
" } } if (callerType == "radio" || callerType == "checkbox" ){ callerName = $(caller).attr("id") // RYAN CHANGED FROM "name" to "id" if($("input[id="+callerName+"]:checked").size() == 0) { // RYAN CHANGED FROM "name" to "id" isError = true if($("input[id="+callerName+"]").size() ==1) { // RYAN CHANGED FROM "name" to "id" promptText += settings.allrules[rules[i]].alertTextCheckboxe+"
" }else{ promptText += settings.allrules[rules[i]].alertTextCheckboxMultiple+"
" } } } if (callerType == "select-one") { // added by paul@kinetek.net for select boxes, Thank you callerName = $(caller).attr("id"); // RYAN CHANGED FROM "name" to "id" if(!$("select[id="+callerName+"]").val()) { // RYAN CHANGED FROM "name" to "id" isError = true; promptText += 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()) { isError = true; promptText += settings.allrules[rules[i]].alertText+"
"; } } } function _customRegex(caller,rules,position){ // VALIDATE REGEX RULES if($(caller).val()){ // RYAN MOD - SKIP BLANK FIELD IF NOT REQUIRED customRule = rules[position+1] pattern = eval(settings.allrules[customRule].regex) if(!pattern.test($(caller).attr('value'))){ isError = true promptText += settings.allrules[customRule].alertText+"
" } } // RYAN MOD - SKIP BLANK FIELD IF NOT REQUIRED } function _confirm(caller,rules,position){ // VALIDATE FIELD MATCH confirmField = rules[position+1] if($(caller).attr('value') != $("#"+confirmField).attr('value')){ isError = true promptText += settings.allrules["confirm"].alertText+"
" } } function _length(caller,rules,position){ // VALIDATE LENGTH startLength = eval(rules[position+1]) endLength = eval(rules[position+2]) feildLength = $(caller).attr('value').length if(feildLengthendLength){ isError = true promptText += settings.allrules["length"].alertText+startLength+settings.allrules["length"].alertText2+endLength+settings.allrules["length"].alertText3+"
" } } function _minCheckbox(caller,rules,position){ // VALIDATE CHECKBOX NUMBER nbCheck = eval(rules[position+1]) groupname = $(caller).attr("name") groupSize = $("input[id="+groupname+"]:checked").size() // RYAN CHANGED FROM "name" to "id" if(groupSize > nbCheck){ isError = true promptText += settings.allrules["minCheckbox"].alertText+"
" } } return(isError) ? isError : false; }; var closePrompt = function(caller) { // CLOSE PROMPT WHEN ERROR CORRECTED closingPrompt = $(caller).attr("id") // RYAN CHANGED FROM "name" to "id" $("."+closingPrompt).fadeTo("fast",0,function(){ $("."+closingPrompt).remove() }); }; var submitValidation = function(caller) { // FORM SUBMIT VALIDATION LOOPING INLINE VALIDATION var stopForm = false $(".formError").remove() var toValidateSize = $(caller).find("[class^=validate]").size() $(caller).find("[class^=validate]").each(function(){ var validationPass = loadValidation(this) return(validationPass) ? stopForm = true : ""; }); if(stopForm){ // GET IF THERE IS AN ERROR OR NOT FROM THIS VALIDATION FUNCTIONS destination = $(".formError:first").offset().top; $("html:not(:animated),body:not(:animated)").animate({ scrollTop: destination}, 1100) return true; }else{ return false } }; };