[SOLVED] javascript errors - Validation code

JavaScript and client side scripting.

Moderator: General Moderators

Post Reply
aravona
Forum Contributor
Posts: 347
Joined: Sat Jun 13, 2009 3:59 pm
Location: England

[SOLVED] javascript errors - Validation code

Post by aravona »

I have a problem with some javascript I'm working with. I was recieving and error saying that 'Validation' was undefined - so looking in the .php I noticed it wasnt even linked to the .js file. I have little experience with javascript but after fixing this I then recieved 2 more errors:

Line 29
Class is undefined.

Line 740
Object expected.

line 29 is found in the Validation.js (highlighted below)

Code: Select all

 
 
[color=#FF0000]var Validator = Class.create();[/color]
 
Validator.prototype = {
    initialize : function(className, error, test, options) {
        if(typeof test == 'function'){
            this.options = $H(options);
            this._test = test;
        } else {
            this.options = $H(test);
            this._test = function(){return true};
        }
        this.error = error || 'Validation failed.';
        this.className = className;
    },
    test : function(v, elm) {
        return (this._test(v,elm) && this.options.all(function(p){
            return Validator.methods[p.key] ? Validator.methods[p.key](v,elm,p.value) : true;
        }));
    }
}
Validator.methods = {
    pattern : function(v,elm,opt) {return Validation.get('IsEmpty').test(v) || opt.test(v)},
    minLength : function(v,elm,opt) {return v.length >= opt},
    maxLength : function(v,elm,opt) {return v.length <= opt},
    min : function(v,elm,opt) {return v >= parseFloat(opt)}, 
    max : function(v,elm,opt) {return v <= parseFloat(opt)},
    notOneOf : function(v,elm,opt) {return $A(opt).all(function(value) {
        return v != value;
    })},
    oneOf : function(v,elm,opt) {return $A(opt).any(function(value) {
        return v == value;
    })},
    is : function(v,elm,opt) {return v == opt},
    isNot : function(v,elm,opt) {return v != opt},
    equalToField : function(v,elm,opt) {return v == $F(opt)},
    notEqualToField : function(v,elm,opt) {return v != $F(opt)},
    include : function(v,elm,opt) {return $A(opt).all(function(value) {
        return Validation.get(value).test(v,elm);
    })}
}
 
var Validation = Class.create();
 
Validation.prototype = {
    initialize : function(form, options){
        this.options = Object.extend({
            onSubmit : true,
            stopOnFirst : false,
            immediate : false,
            focusOnError : true,
            useTitles : false,
            onFormValidate : function(result, form) {},
            onElementValidate : function(result, elm) {}
        }, options || {});
        this.form = $(form);
        if(this.options.onSubmit) Event.observe(this.form,'submit',this.onSubmit.bind(this),false);
        if(this.options.immediate) {
            var useTitles = this.options.useTitles;
            var callback = this.options.onElementValidate;
            Form.getElements(this.form).each(function(input) { // Thanks Mike!
                Event.observe(input, 'blur', function(ev) { Validation.validate(Event.element(ev),{useTitle : useTitles, onElementValidate : callback}); });
            });
        }
    },
    onSubmit :  function(ev){
        if(!this.validate()) Event.stop(ev);
    },
    validate : function() {
        var result = false;
        var useTitles = this.options.useTitles;
        var callback = this.options.onElementValidate;
        if(this.options.stopOnFirst) {
            result = Form.getElements(this.form).all(function(elm) { return Validation.validate(elm,{useTitle : useTitles, onElementValidate : callback}); });
        } else {
            result = Form.getElements(this.form).collect(function(elm) { return Validation.validate(elm,{useTitle : useTitles, onElementValidate : callback}); }).all();
        }
        if(!result && this.options.focusOnError) {
            Form.getElements(this.form).findAll(function(elm){return $(elm).hasClassName('validation-failed')}).first().focus()
        }
        this.options.onFormValidate(result, this.form);
        return result;
    },
    reset : function() {
        Form.getElements(this.form).each(Validation.reset);
    }
}
 
Object.extend(Validation, {
    validate : function(elm, options){
        options = Object.extend({
            useTitle : false,
            onElementValidate : function(result, elm) {}
        }, options || {});
        elm = $(elm);
        var cn = elm.classNames();
        return result = cn.all(function(value) {
            var test = Validation.test(value,elm,options.useTitle);
            options.onElementValidate(test, elm);
            return test;
        });
    },
    verifyVideo_type : function (file) {
        
        var file_path= file;
        var array_file;
        array_file=file_path.split(".");
        var type=(array_file[1]).toLowerCase();
        
        if(type=='flv')
        {
            return true;
        }else
        {
            return false;
        }
    
    },
    verifyPodcastvideo_type : function (file) {
        
        var file_path= file;
        var array_file;
        array_file=file_path.split(".");
        var type=(array_file[1]).toLowerCase();
        
        if(type=='mp4' || type=='m4v' || type=='mov')
        {
            return true;
        }else
        {
            return false;
        }
    
    },verifyPodcastaudio_type : function (file) {
        
        var file_path= file;
        var array_file;
        array_file=file_path.split(".");
        var type=(array_file[1]).toLowerCase();
        
        if(type=='mp3' || type=='m4a')
        {
            return true;
        }else
        {
            return false;
        }
    
    },
    verifyImage_type : function (file) {
        
        var file_path= file;
        var array_file;
        array_file=file_path.split(".");
        var type=(array_file[1]).toLowerCase();
        
        if(type=='gif' || type=='jpg')
        {
            return true;
        }else
        {
            return false;
        }
    
    },
    check_password : function (file) {
        
        var new_pass= file;
        var c_pass=$('pass_word').value;
        
        
        if(new_pass==c_pass)
        {
            return true;
        }else
        {
            return false;
        }
    
    },
    test : function(name, elm, useTitle) {
        var v = Validation.get(name);
        var prop = '__advice'+name.camelize();
        try {
        if(Validation.isVisible(elm) && !v.test($F(elm), elm)) {
            if(!elm[prop]) {
                var advice = Validation.getAdvice(name, elm);
                if(advice == null) {
                    var errorMsg = useTitle ? ((elm && elm.title) ? elm.title : v.error) : v.error;
                    advice = '<div class="validation-advice" id="advice-' + name + '-' + Validation.getElmID(elm) +'" style="display:none">' + errorMsg + '</div>'
                    switch (elm.type.toLowerCase()) {
                        case 'checkbox':
                        case 'radio':
                            var p = elm.parentNode;
                            if(p) {
                                new Insertion.Bottom(p, advice);
                            } else {
                                new Insertion.After(elm, advice);
                            }
                            break;
                        default:
                            new Insertion.After(elm, advice);
                    }
                    advice = Validation.getAdvice(name, elm);
                }
                if(typeof Effect == 'undefined') {
                    advice.style.display = 'block';
                } else {
                    new Effect.Appear(advice, {duration : 1 });
                }
            }
            elm[prop] = true;
            elm.removeClassName('validation-passed');
            elm.addClassName('validation-failed');
            return false;
        } else {
            var advice = Validation.getAdvice(name, elm);
            if(advice != null) advice.hide();
            elm[prop] = '';
            elm.removeClassName('validation-failed');
            elm.addClassName('validation-passed');
            return true;
        }
        } catch(e) {
            throw(e)
        }
    },
    isVisible : function(elm) {
        while(elm.tagName != 'BODY') {
            if(!$(elm).visible()) return false;
            elm = elm.parentNode;
        }
        return true;
    },
    getAdvice : function(name, elm) {
        return $('advice-' + name + '-' + Validation.getElmID(elm)) || $('advice-' + Validation.getElmID(elm));
    },
    getElmID : function(elm) {
        return elm.id ? elm.id : elm.name;
    },
    reset : function(elm) {
        elm = $(elm);
        var cn = elm.classNames();
        cn.each(function(value) {
            var prop = '__advice'+value.camelize();
            if(elm[prop]) {
                var advice = Validation.getAdvice(value, elm);
                advice.hide();
                elm[prop] = '';
            }
            elm.removeClassName('validation-failed');
            elm.removeClassName('validation-passed');
        });
    },
    add : function(className, error, test, options) {
        var nv = {};
        nv[className] = new Validator(className, error, test, options);
        Object.extend(Validation.methods, nv);
    },
    addAllThese : function(validators) {
        var nv = {};
        $A(validators).each(function(value) {
                nv[value[0]] = new Validator(value[0], value[1], value[2], (value.length > 3 ? value[3] : {}));
            });
        Object.extend(Validation.methods, nv);
    },
    get : function(name) {
        return  Validation.methods[name] ? Validation.methods[name] : Validation.methods['_LikeNoIDIEverSaw_'];
    },
    methods : {
        '_LikeNoIDIEverSaw_' : new Validator('_LikeNoIDIEverSaw_','',{})
    }
});
 
Validation.add('IsEmpty', '', function(v) {
                return  ((v == null) || (v.length == 0)); // || /^\s+$/.test(v));
            });
 
Validation.addAllThese([
    ['required', 'This is a required field.', function(v) {
                return !Validation.get('IsEmpty').test(v);
            }],
    ['validate-number', 'use digits only.', function(v) {
                return Validation.get('IsEmpty').test(v) || (!isNaN(v) && !/^\s+$/.test(v));
            }],
    ['validate-digits', 'Please use numbers only in this field. please avoid spaces or other characters such as dots or commas.', function(v) {
                return Validation.get('IsEmpty').test(v) ||  !/[^\d]/.test(v);
            }],
    ['validate-alpha', 'Please use letters only (a-z) in this field.', function (v) {
                return Validation.get('IsEmpty').test(v) ||  /^[a-zA-Z]+$/.test(v)
            }],
    ['validate-alphanum', 'Please use only letters (a-z) or numbers (0-9) only in this field. No spaces or other characters are allowed.', function(v) {
                return Validation.get('IsEmpty').test(v) ||  !/\W/.test(v)
            }],
    ['validate-alphanum_space', 'Please use only letters (a-z) or space.', function(v) {
                return Validation.get('IsEmpty').test(v) ||  /^[a-zA-Z]+([a-zA-Z ]*)$/.test(v);
            //!/\W/
            }],
    ['validate-special_char', 'Please don\'t use special Charchter.', function(v) {
                return Validation.get('IsEmpty').test(v) ||  /^[a-zA-Z0-9]+([,a-z_A-Z0-9 -]*)$/.test(v);
            //!/\W/
            }],
    ['validate-text_area', 'Please don\'t use special Charchter.', function(v) {
                return Validation.get('IsEmpty').test(v) ||  /^[a-zA-Z0-9]+([,a-z_""''.\nA-Z0-9 -]*)$/.test(v);
            //!/\W/
            }],
    ['validate-date', 'Please enter a valid date.', function(v) {
                var test = new Date(v);
                return Validation.get('IsEmpty').test(v) || !isNaN(test);
            }],
    ['validate-email', 'Please enter a valid email address. For example fred@domain.com .', function (v) {
                return Validation.get('IsEmpty').test(v) || /\w{1,}[@][\w\-]{1,}([.]([\w\-]{1,})){1,3}$/.test(v)
            }],
    ['validate-videotype', 'Video type should be flv.', function (v) {
                return Validation.get('IsEmpty').test(v) || Validation.verifyVideo_type(v);
            }],
    ['validate-podcast-audio', 'For audio podcast file type should be .mp3 or .m4a', function (v) {
                return Validation.get('IsEmpty').test(v) || Validation.verifyPodcastaudio_type(v);
            }],
    ['validate-podcast-video', 'For video podcast file type should be .mov, .m4v or .mp4', function (v) {
                return Validation.get('IsEmpty').test(v) || Validation.verifyPodcastvideo_type(v);
            }],
    
    ['check-password', 'Confirm password does not match.', function (v) {
                return Validation.get('IsEmpty').test(v) || Validation.check_password(v);
            }],
    
    ['validate-imagetype', 'Image type should be gif or jpg.', function (v) {
                return Validation.get('IsEmpty').test(v) || Validation.verifyImage_type(v);
            }],
    ['validate-url', 'Please enter a valid URL start with http.', function (v) {
                return Validation.get('IsEmpty').test(v) || /^(http|https|ftp):\/\/(([A-Z0-9][A-Z0-9_-]*)(\.[A-Z0-9][A-Z0-9_-]*)+)(:(\d+))?\/?/i.test(v)
            }],
    ['validate-date-au', 'Please use this date format: dd/mm/yyyy. For example 17/03/2006 for the 17th of March, 2006.', function(v) {
                if(Validation.get('IsEmpty').test(v)) return true;
                var regex = /^(\d{2})\/(\d{2})\/(\d{4})$/;
                if(!regex.test(v)) return false;
                var d = new Date(v.replace(regex, '$2/$1/$3'));
                return ( parseInt(RegExp.$2, 10) == (1+d.getMonth()) ) && 
                            (parseInt(RegExp.$1, 10) == d.getDate()) && 
                            (parseInt(RegExp.$3, 10) == d.getFullYear() );
            }],
    ['validate-currency-dollar', 'Please enter a valid $ amount. For example $100.00 .', function(v) {
                // [$]1[##][,###]+[.##]
                // [$]1###+[.##]
                // [$]0.##
                // [$].##
                return Validation.get('IsEmpty').test(v) ||  /^\$?\-?([1-9]{1}[0-9]{0,2}(\,[0-9]{3})*(\.[0-9]{0,2})?|[1-9]{1}\d*(\.[0-9]{0,2})?|0(\.[0-9]{0,2})?|(\.[0-9]{1,2})?)$/.test(v)
            }],
    ['validate-selection', 'Please make a selection', function(v,elm){
                return elm.options ? elm.selectedIndex > 0 : !Validation.get('IsEmpty').test(v);
            }],
    ['validate-one-required', 'Please select one of the above options.', function (v,elm) {
                var p = elm.parentNode;
                var options = p.getElementsByTagName('INPUT');
                return $A(options).any(function(elm) {
                    return $F(elm);
                });
            }]
]);
 
 
 
And line 740 refers to this line (also highlighted):

Code: Select all

<script type="text/javascript">
    function formCallback(result, form) {
    window.status = "valiation callback for form '" + form.id + "': result = " + result;
    }
    [color=#FF0000]var valid = new Validation('user_frm', {immediate : true, onFormValidate : formCallback});[/color]
</script>
aravona
Forum Contributor
Posts: 347
Joined: Sat Jun 13, 2009 3:59 pm
Location: England

Re: [SOLVED] javascript errors - Validation code

Post by aravona »

Sorted it with help from another forums - had missing prototype.js :)
Post Reply