layui表单验证抽离成单独模块手动调用

模块名：validateForm

验证添加方法和原来一样（lay-verify=''），可以多个表单一起验证，任何任何一个验证不通过就会返回。使用：

var boolResult = validateForm.validate("formId1","formId2",....)

模块定义如下：

/**
  扩展一个 表单手动验证 模块
**/

layui.define(['layer','form'],function (exports) { //提示：模块也可以依赖其它模块，如：layui.define('mod1', callback);
    var layer = layui.layer;
    var form = layui.form;
    var obj = {
        hello: function (str) {
            alert('Hello ' + (str || 'validateForm'));
        },
        //传入多个form的id。比如：（'id1'，'id2','id3'）
        validate : function () {
            var device = layui.device();
            for (var i = 0; i < arguments.length; i++) {
                var stop = null //验证不通过状态
                    , verify = form.config.verify //验证规则
                    , DANGER = 'layui-form-danger' //警示样式
                    , field = {}  //字段集合
                    , formElem = $(`#${arguments[i]}`) //获取当前所在的 form 元素，如果存在的话
                    , verifyElem = formElem.find('*[lay-verify]') //获取需要校验的元素
                var verifyElem = $(`#${arguments[i]}`).find('*[lay-verify]');
                //开始校验
                layui.each(verifyElem, function (_, item) {
                    var othis = $(this)
                        , vers = othis.attr('lay-verify').split('|')
                        , verType = othis.attr('lay-verType') //提示方式
                        , value = othis.val();

                    othis.removeClass(DANGER); //移除警示样式

                    //遍历元素绑定的验证规则
                    layui.each(vers, function (_, thisVer) {
                        var isTrue //是否命中校验
                            , errorText = '' //错误提示文本
                            , isFn = typeof verify[thisVer] === 'function';

                        //匹配验证规则
                        if (verify[thisVer]) {
                            var isTrue = isFn ? errorText = verify[thisVer](value, item) : !verify[thisVer][0].test(value)
                                //是否属于美化替换后的表单元素
                                , isForm2Elem = item.tagName.toLowerCase() === 'select' || /^checkbox|radio$/.test(item.type);

                            errorText = errorText || verify[thisVer][1];

                            if (thisVer === 'required') {
                                errorText = othis.attr('lay-reqText') || errorText;
                            }

                            //如果是必填项或者非空命中校验，则阻止提交，弹出提示
                            if (isTrue) {
                                //提示层风格
                                if (verType === 'tips') {
                                    layer.tips(errorText, function () {
                                        if (typeof othis.attr('lay-ignore') !== 'string') {
                                            if (isForm2Elem) {
                                                return othis.next();
                                            }
                                        }
                                        return othis;
                                    }(), { tips: 1 });
                                } else if (verType === 'alert') {
                                    layer.alert(errorText, { title: '提示', shadeClose: true });
                                }
                                //如果返回的为字符或数字，则自动弹出默认提示框；否则由 verify 方法中处理提示
                                else if (/\bstring|number\b/.test(typeof errorText)) {
                                    layer.msg(errorText, { icon: 5, shift: 6 });
                                }

                                //非移动设备自动定位焦点
                                if (!device.mobile) {
                                    setTimeout(function () {
                                        (isForm2Elem ? othis.next().find('input') : item).focus();
                                    }, 7);
                                } else { //移动设备定位
                                    $dom.scrollTop(function () {
                                        try {
                                            return (isForm2Elem ? othis.next() : othis).offset().top - 15
                                        } catch (e) {
                                            return 0;
                                        }
                                    }());
                                }

                                othis.addClass(DANGER);
                                return stop = true;
                            }
                        }
                    });
                    if (stop) return stop;
                });

                if (stop) return false;
            }
        }
    };

    //输出 validateForm 接口
    exports('validateForm', obj);
});