Validate Jquery

by Unknown Tuesday, April 05, 2016 0 comments Javascript

$(document).ready(function() {
    validateForm($('#addPosts'));
    initRule();
    $("#btnSubmit").on("click", function(){
        CKEDITOR.instances.content.updateElement();
        if ($("#addPosts").valid()) {
            return true;
        }
        return false;
    });

    $.validator.addMethod("isExtension", function (value, element, options) {
        return checkIsExtension(value);
    },"Wrong extension type");

});

function checkIsExtension(value) {
    var ext = value.split(".");
    ext = ext[ext.length-1].toLowerCase();
    var arrayExtensions = ["jpg" , "jpeg", "png", "bmp", "gif"];
    if (arrayExtensions.lastIndexOf(ext) == -1) {
        return false;
    }
    return true;
}

function validateForm($form) {
    $form.validate({
        ignore: "",
        onfocusout : function( element, event ) {
            if ($(element).valid()) {
                $(element).closest("div.form-group").removeClass("has-error");
                //$(element).closest("div.form-group").addClass("has-success");
                $(element).closest("div.form-group").find("label.error").remove();
            }
        },

        onkeyup: function( element, event ) {
            $(element).valid();
        },

        errorPlacement: function (error, element) {
            $(element).closest("div.form-group").addClass("has-error");
            //$(element).closest("div.form-group").removeClass("has-success");
            error.insertAfter(element);
        },

        invalidHandler: function(form, validator) {
            if (!validator.numberOfInvalids()){
                return;
            }
            //scrollToTopElement($(validator.errorList[0].element));
        }
    });
}

function initRule() {
   $('#name').rules("add", {
            required : true,
            minlength: 2,
            maxlength: 100,
            messages: {
                required:'Vui lòng nhập tên',
                minlength:'Tên phải nhiều hơn hai chữ',
                minlength:'Tên phải ít hơn 100 chữ'
            }
    });
    $('#email').rules("add", {
            required : true,
            email: true,
            messages: {
                required:'Vui lòng nhập e-mail',
                email:'E-mail không đúng định dạng'
            }
    });
    $('#phone').rules("add", {
            required : true,
            number: true,
            messages: {
                required:'Vui lòng nhập số điện thoại',
                number:'Chỉ được phép nhập số'
            }
    });
    $('#image').rules("add", {
        required : true,
        isExtension: true // hàm custom validate
    });

}

Add validate min

<script language="javascript" src="/js/jquery.validate.min.js" type="text/javascript"></script>