/* https://github.com/ss22219/js-utils
HTML:
 <form data-validate>
    Enter:
    <input type="password" data-rule="密码:required;number[请输入一个整数];equals(target)"/>
    <input type="password" id="target"/>
 </form>

 Script:
$('form').validate(justTest,scrollTo) -> 
    param: justTest bool 只是检查，不修改Dom
    param: scrollTo bool 滚动到错误元素

    return { isValidate : bool,
             messages:[{
                          element:jQueryEl,
                          message:string
                          }]
          }
$.validate.rules.myRule = { rule: /.+?/, message: '{name}{arg}'}
$.validate.rules.myActionRule = { 
                action: function(el, rule, val, arg){ 
                },
                message: function(name,arg){
                }}
*/
"use strict";
(function () {
    if (!String.prototype.trim) {
        String.prototype.trim = function () {
            return this.replace(/(^\s*)|(\s*$)/g, "");
        }
    }
    //简单的检查是否通过验证,返回true/false
    $.fn.isValidate = function (callback) {
        var result = this.validate.call(this, true, false);
        if (callback)
            callback(result);
        return result.isValidate;
    }

    //justTest 是否只是测试,默认 否
    //scrollTo 是否滚动到错误处,默认 是
    //validateHandler 错误处理函数, justTest=true 有默认值
    $.fn.validate = function (justTest, scrollTo, validateHandler) {
        if (!arguments.length)
            justTest = $.fn.validate.defaultConfig;

        if (arguments.length == 1 && typeof justTest == "object") {
            scrollTo = justTest.scrollTo;
            validateHandler = justTest.scrollTo;
            justTest = justTest.justTest;
        }
        if (this == window) {
            //为所有验证控件验证
            return $('[data-rule]').validate(justTest, scrollTo, validateHandler);
        } else if (!this.attr('data-rule') && $('[data-rule]', this).length > 0) {
            //如果当前元素是验证控件,为当前验证控件验证
            return $('[data-rule]', this).validate(justTest, scrollTo, validateHandler);
        } else if (this.validate && this.length == 0 && $('[data-rule]').length > 0) {
            //如果当前元素下面包含验证控件,验证当前元素下所有控件
            return $('[data-rule]').validate(justTest, scrollTo, validateHandler);
        }

        //返回信息
        var rtv = { isValidate: true, messages: [] };

        //处理验证控件
        $(this).each(function () {
            var $this = $(this);
            //获取到控件值,$this.val()需要其他组件
            var val = $this.value && $this.value() || $this.val(),//value()  是control.js
                rule = $this.attr('data-rule'), //data-rule内容
                displayName = getName(rule), //自定义名称
                rs = getRules(rule); //解析成rule列表
            var result = { element: $this, message: null, isValidate: true }
            for (var k in rs) {
                var i = rs[k], arg = getArg(i, rule);
                //对当前规则判断,如果包含正则表达式属性,使用正则验证,否则使用自定义action验证
                if (rules[i] &&
                    (rules[i].rule ? !rules[i].rule.test(val) : true) //正则验证
                    &&
                    (rules[i].action ? !rules[i].action($this, rule, val, arg) : true) //自定义action验证
                    ) {
                    rtv.isValidate = false;
                    var msg = getCustomMessage(i, rule);
                    if (!msg)
                        msg = typeof rules[i].message == 'string' ? formatMsg(rules[i].message, displayName, arg) : rules[i].message(displayName, arg)
                    else
                        msg = formatMsg(msg, displayName, arg)
                    //设置验证失败信息
                    result.message = msg
                    result.isValidate = false
                }
            }
            rtv.messages.push(result);
        });


        //默认的验证结果处理
        if (justTest !== true && !validateHandler)
            validateHandler = window.validateHandler || $.validate.validateHandler;

        //通过window.validateHandler 或者 $.validate.validateHandler 可以自定义验证高亮等处理
        if (validateHandler)
            validateHandler.call(this, rtv, scrollTo);
        return rtv;
    }

    //getName('name:rules..') -> name
    function getName(rule) {
        var match = /^([^;:]+?):/.exec(rule);
        return match ? match[1] : '';
    }

    //解析data-rule信息
    function getRules(rule) {
        if (!rule)
            return [];
        var rs = rule.split(';'), len = rs.length, s = [], reg = /\w+/, tmp;
        for (var i = 0; i < len ; i++) {
            if (rs[i]) {
                var tmp = reg.exec(rs[i]);
                if (tmp)
                    s.push(tmp[0].trim());
            }
        }
        return s;
    }

    //getArg('length','number;length(18)') -> 18 现在只支持一个参数
    function getArg(name, rule) {
        var reg = new RegExp(name + '\\s{0,}\\(\\s{0,}(.+?)\\s{0,}\\)');
        return reg.test(rule) ? reg.exec(rule)[1] : null;
    }

    //getCustomMessage('length','number;length(18)[length must be 18]') -> length must be 18
    function getCustomMessage(name, rule) {
        var reg = new RegExp(name + '(\\s{0,}\\(\\s{0,}.+?\\s{0,}\\))?\\[(.+?)\\]');
        return reg.test(rule) ? reg.exec(rule)[2] : '';
    }

    //解析message
    function formatMsg(msg, name, arg) {
        arg = arg || '';
        if (/\{name\}/.test(msg))
            msg = /\{name\}/.test(msg) ? msg.replace(/\{name\}/g, name) : name + msg;
        else
            msg = name + msg;
        msg = msg.replace(/\{arg\}/g, arg)
        return msg;
    }

    //验证规则 number,required,datetime,mobile是正则规则 其他的是自定义action验证
    var rules = {
        number: { rule: /^(-?\+?\d){0,}$/, message: '必须是一个整数' },
        required: { rule: /.+/, message: '不能为空' },
        datetime: { rule: /^(\d{4}\/\d{1,2}\/\d{1,2}\s+\d{1,2}:\d{1,2}:\d{1,2})?$/, message: '不是有效的日期格式' },
        mobile: { rule: /^\d{11}$/i, message: '不是有效的号码格式' },
        length: {
            action: function (el, rule, val, arg) {
                if (val === null || val === void 0)
                    return true;
                return val.length == parseFloat(arg);
            }, message: name + '长度必须为{arg}'
        },
        min: {
            action: function (el, rule, val, arg) {
                if (val === null || val === void 0)
                    return;
                return parseFloat(val) >= parseFloat(arg);
            }, message: '不能小于{arg}'
        },
        max: {
            action: function (el, rule, val, arg) {
                if (val === null || val === void 0)
                    return false;
                return parseFloat(val) <= parseFloat(arg);
            }, message: '不能大于{arg}'
        },
        equals: {
            action: function (el, rule, val, arg) {
                return val === $('#' + arg).val();
            }, message: '两次输入的值不一致'
        }, maxLength: {
            action: function (el, rule, val, arg) {
                if (val === null || val === void 0)
                    return false;
                return val.length <= parseFloat(arg);
            }, message: '长度不能大于{arg}'
        }, minLength: {
            action: function (el, rule, val, arg) {
                if (val === null || val === void 0)
                    return true;
                return val.length >= parseFloat(arg);
            }, message: '长度不能小于{arg}'
        }, gt: {
            action: function (el, rule, val, target) {
                return parseFloat(val) > parseFloat($('#' + target + ',[data-field=' + target + ']').value());
            }, message: function (name, target) {
                var targetName = getName($('#' + target + ',[data-field=' + target + ']').attr('data-rule'));
                targetName = targetName ? targetName : '上一个';
                return '必须大于' + targetName;
            }
        }, lt: {
            action: function (el, rule, val, target) {
                return parseFloat(val) < parseFloat($('#' + target + ',[data-field=' + target + ']').value());
            }, message: function (name, target) {
                var targetName = getName($('#' + target + ',[data-field=' + target + ']').attr('data-rule'));
                targetName = targetName ? targetName : '上一个';
                return '必须小于' + targetName;
            }
        }
    };
    $.fn.validate.rules = rules;
    $.validate = $.fn.validate;

    //默认的错误提示元素
    $.validate.errorTemplate = '<div class="error_msg">{msg}</div>';

    //默认的验证配置
    $.validate.defaultConfig = {
        justTest: false,
        scrollTo: true,
        validateHandler: null
    };

    //默认的验证处理
    $.validate.validateHandler = function (msg, scrollTo) {
        if (msg.isValidate)
            $(this).data('errorEl') && $(this).data('errorEl').remove();
        else
            $(msg.messages).each(function () {
                var el = this.element;
                el.data('errorEl') && el.data('errorEl').remove();
                if (this.isValidate)
                    return
                el.data('errorEl', $($.validate.errorTemplate.replace(/\{msg\}/, this.message)));
                el.after(el.data('errorEl'));
                if (scrollTo !== false)
                    $(window).scrollTop(el.offset().top);
            });
    };

    //为带有data-validate的容器自动验证
    $(function () {
        $('[data-validate]').each(function () {
            $(this).find('[data-rule]').blur(function () {
                $(this).validate();
            });
            $(this).submit(function () {
                return $(this).validate().isValidate;
            });
        });
    });
})();