fastman2 2.8.9 → 3.0.0-alpha.1

package/formvalidateman.js

@@ -1 +1,335 @@
-!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.fastman=e():t.fastman=e()}(this,function(){return webpackJsonpfastman([16],{229:function(t,e,i){t.exports=i(94)},94:function(t,e,i){"use strict";Object.defineProperty(e,"__esModule",{value:!0}),e.validateExtend=e.validate=void 0;var n=i(50),a=['input:not([type]),input[type="color"],input[type="date"],input[type="datetime"],input[type="datetime-local"],input[type="email"],input[type="file"],input[type="hidden"],input[type="month"],input[type="number"],input[type="password"],input[type="range"],input[type="search"],input[type="tel"],input[type="text"],input[type="time"],input[type="url"],input[type="week"],textarea',"select",'input[type="checkbox"],input[type="radio"]'],o=a.join(","),r={},d=function(){function t(t){if(!e){var i=(0,n.toast)(t,99999999);e=!0,setTimeout(function(){(0,n.closeToast)(i),e=!1},1500)}}var e=null;return{show:t}}(),p=function(t,e){var i,n=$(this),o={required:!0,conditional:!0,pattern:!0},p=$.trim(n.val())||"",l=n.attr("data-validate"),c=void 0!=l?r[l]:{},u=n.attr("data-required"),s=n.attr("data-pattern")||("regexp"==$.type(c.pattern)?c.pattern:/(?:)/),f=n.attr("data-conditional")||c.conditional,v=n.attr("data-descriptions")||c.descriptions;n.attr("data-describedby")||c.describedby;return v=$.isPlainObject(v)?v:e.descriptions[v]||{},u=""==u||(u||!!c.required),"regexp"!=$.type(s)&&(s=RegExp(s)),u&&(n.is(a[0]+","+a[1])?!p.length>0&&(o.required=!1):n.is(a[2])&&(n.is("[name]")?0==e.$form.find('[name="'+n.prop("name")+'"]:checked').length&&(o.required=!1):o.required=field.is(":checked"))),n.is(a[0])&&(s.test(p)||(u?o.pattern=!1:p.length>0&&(o.pattern=!1))),"undefined"!=f&&($.isFunction(f)?o.conditional=!!f.call(n,p,e):e.conditional.hasOwnProperty(f)&&!e.conditional[f].call(n,p,e)&&(o.conditional=!1)),i=v.valid,o.required?o.pattern?o.conditional||(i=v.conditional):i=v.pattern:i=v.required,"function"==typeof c.each&&c.each.call(n,t,o,e),e.eachField.call(n,t,o,e),o.required&&o.pattern&&o.conditional?("function"==typeof c.valid&&c.valid.call(n,t,o,e),e.eachValidField.call(n,t,o,e)):(!e.firstInvalid&&e.firstInvalidFocus&&(e.firstInvalid=!0,n.focus()),1==e.type&&d.show(i),"function"==typeof c.invalid&&c.invalid.call(n,t,o,e),e.eachInvalidField.call(n,t,o,e)),o},l=function(t){return $.extend(r,t)},c=function(t,e){var i=$(t),n={type:1,validateInSubmit:!0,sendForm:!1,onKeyup:!1,onChange:!0,firstInvalidFocus:!1,conditional:{},descriptions:{},eachField:$.noop,eachValidField:$.noop,eachInvalidField:$.noop,valid:$.noop,invalid:$.noop,namespace:"mvalidate"},r=$.extend(!0,n,e),d=r.namespace;return r.type=Number(r.type),r.firstInvalid=!1,i.mvalidateDestroy().each(function(t){var e,i=$(this);i.is("form")&&(r.$form=i,i.zeptoData(name,{options:r}),e=i.find(o),r.onKeyup&&e.filter(a[0]).each(function(){$(this).on("keyup."+d,function(t){p.call(this,t,r)})}),r.onChange&&e.each(function(){$(this).is(a[1]+","+a[2])&&$(this).on("change."+d,function(t){p.call(this,t,r)})}),r.validateInSubmit&&i.on("submit."+d,function(t){var n=!0;r.firstInvalid=!1,e.each(function(){var e=p.call(this,t,r);e.pattern&&e.conditional&&e.required||(n=!1)}),n?(r.sendForm||t.preventDefault(),$.isFunction(r.valid)&&r.valid.call(i,t,r)):(t.preventDefault(),t.stopImmediatePropagation(),$.isFunction(r.invalid)&&r.invalid.call(i,t,r))}))})};$.fn.mvalidateDestroy=function(){var t,e=$(this),i=e.zeptoData(name);return e.is("form")&&$.isPlainObject(i)&&"string"==typeof i.options.namespace&&(t=e.removeData(name).find(o),t.off("."+i.options.namespace)),e},e.validate=c,e.validateExtend=l}},[229])});
+(function webpackUniversalModuleDefinition(root, factory) {
+	if(typeof exports === 'object' && typeof module === 'object')
+		module.exports = factory();
+	else if(typeof define === 'function' && define.amd)
+		define([], factory);
+	else if(typeof exports === 'object')
+		exports["fastman"] = factory();
+	else
+		root["fastman"] = factory();
+})(this, function() {
+return webpackJsonpfastman([16],{
+
+/***/ 229:
+/***/ (function(module, exports, __webpack_require__) {
+
+module.exports = __webpack_require__(94);
+
+
+/***/ }),
+
+/***/ 94:
+/***/ (function(module, exports, __webpack_require__) {
+
+"use strict";
+
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+exports.validateExtend = exports.validate = undefined;
+
+var _toast = __webpack_require__(50);
+
+var type = ['input:not([type]),input[type="color"],input[type="date"],input[type="datetime"],input[type="datetime-local"],input[type="email"],input[type="file"],input[type="hidden"],input[type="month"],input[type="number"],input[type="password"],input[type="range"],input[type="search"],input[type="tel"],input[type="text"],input[type="time"],input[type="url"],input[type="week"],textarea', 'select', 'input[type="checkbox"],input[type="radio"]'],
+    allTypes = type.join(","),
+    extend = {};
+// var fieldValidTypeHand=function($field,status,options){
+//     if($field.prop("type")=="radio" || $field.prop("type")=="checkbox"){
+//         var $fields=options.$form.find('[name="'+$field.prop('name')+'"]');
+//
+//         if($fields.filter(":checked").length > 0){
+//             $fields.removeClass('field-invalid')
+//         }else{
+//             $fields.addClass('field-invalid')
+//         }
+//     }else{
+//         if(status.required && status.pattern && status.conditional) {
+//             $field.removeClass('field-invalid');
+//         }else{
+//             $field.addClass('field-invalid');
+//         }
+//     }
+// };
+/**
+ * Created by linyiqing on 2017/3/30.
+ */
+//import { toast, closeToast } from 'fastman/toastman'
+var fieldTooltip = function () {
+    var instance = null;
+    function show(text) {
+        if (!instance) {
+            // var $container=$('<div class="field-tooltipWrap"><div class="field-tooltipInner"><div class="field-tooltip fieldTipBounceIn">'+text+'</div></div></div>');
+            // $container.appendTo($("body"));
+            var toastInstance = (0, _toast.toast)(text, 99999999);
+            instance = true;
+            setTimeout(function () {
+                (0, _toast.closeToast)(toastInstance);
+                instance = false;
+            }, 1500);
+        }
+    }
+
+    return {
+        show: show
+    };
+}();
+var validateField = function validateField(event, options) {
+    var $field = $(this),
+        status = {
+        required: true,
+        conditional: true,
+        pattern: true
+    },
+        log,
+        //验证提示信息存储变量
+
+    //errorTipFormat=$.fn.mvalidate.errorTipFormat,//错误信息输出的格式化
+
+    fieldValue = $.trim($field.val()) || "",
+
+
+    //*****获取当前字段的data-validate
+    fieldValidate = $field.attr("data-validate"),
+        validation = fieldValidate != undefined ? extend[fieldValidate] : {},
+
+    //*****获取当前字段的data-required
+    fieldRequired = $field.attr("data-required"),
+
+    //*****获取当前字段的data-pattern
+    fieldPattern = $field.attr('data-pattern') || ($.type(validation.pattern) == 'regexp' ? validation.pattern : /(?:)/),
+
+
+    //*****获取当前字段的data-conditional
+    fieldConditional = $field.attr("data-conditional") || validation.conditional,
+
+    //*****获取当前字段的data-description
+    fieldDescription = $field.attr("data-descriptions") || validation.descriptions,
+
+    //*****获取当前字段的data-describedby
+    fieldDescribedby = $field.attr("data-describedby") || validation.describedby;
+
+    fieldDescription = $.isPlainObject(fieldDescription) ? fieldDescription : options.descriptions[fieldDescription] || {};
+    fieldRequired = fieldRequired != '' ? fieldRequired || !!validation.required : true;
+    if ($.type(fieldPattern) != 'regexp') {
+        fieldPattern = RegExp(fieldPattern);
+    }
+
+    //如果是必填验证,那么就要判断是什么类型的表单
+    if (fieldRequired) {
+        //如果是那种可以通过val()来判断的
+        if ($field.is(type[0] + ',' + type[1])) {
+            if (!fieldValue.length > 0) {
+                status.required = false;
+            }
+            //如果是raido和checkbox,通过name和checked来判断
+        } else if ($field.is(type[2])) {
+            if ($field.is('[name]')) {
+                if (options.$form.find('[name="' + $field.prop('name') + '"]:checked').length == 0) {
+                    status.required = false;
+                }
+            } else {
+                status.required = field.is(':checked');
+            }
+        }
+    }
+    /**如果是正则验证
+     * 只有那些类似type=text的文本框我们才能通过正则表达式去验证pattern,
+     * 而对于select,radio,checkbox pattern显然是无效的
+     */
+    if ($field.is(type[0])) {
+        //如果不匹配
+        if (!fieldPattern.test(fieldValue)) {
+            if (fieldRequired) {
+                status.pattern = false;
+            } else {
+                if (fieldValue.length > 0) {
+                    status.pattern = false;
+                }
+            }
+        }
+    }
+
+    //如果是data-conditional="name"函数验证,函数返回true或者是false
+    if (fieldConditional != "undefined") {
+        if ($.isFunction(fieldConditional)) {
+            status.conditional = !!fieldConditional.call($field, fieldValue, options);
+        } else {
+            if (options.conditional.hasOwnProperty(fieldConditional) && !options.conditional[fieldConditional].call($field, fieldValue, options)) {
+                status.conditional = false;
+            }
+        }
+    }
+
+    //验证通过的信息所在对象
+    log = fieldDescription.valid;
+    if (!status.required) {
+        log = fieldDescription.required;
+    } else if (!status.pattern) {
+        log = fieldDescription.pattern;
+    } else if (!status.conditional) {
+        log = fieldDescription.conditional;
+    }
+
+    // var $describedShowElem=$('[id="' + fieldDescribedby +'"]');
+    // //如果找打提示的容器，是第二种类型的验证
+    // if($describedShowElem.length > 0 && options.type==2){
+    //     //如果是change 或者是keyup 同时是第一次输入的时候就不要验证
+    //     if((event.type=="keyup" || event.type=="change") && (!$describedShowElem.children().length || !$.trim($describedShowElem.text()))){
+    //
+    //     }else{
+    //         $describedShowElem.html(log || '');
+    //         fieldValidTypeHand($field,status,options)
+    //     }
+    // }
+
+    if (typeof validation.each == 'function') {
+        validation.each.call($field, event, status, options);
+    }
+    options.eachField.call($field, event, status, options);
+
+    if (status.required && status.pattern && status.conditional) {
+
+        if (typeof validation.valid == 'function') {
+            //二外拓展的
+            validation.valid.call($field, event, status, options);
+        }
+        options.eachValidField.call($field, event, status, options);
+    } else {
+        //验证未通过
+        if (!options.firstInvalid && options.firstInvalidFocus) {
+            options.firstInvalid = true;
+            $field.focus();
+        }
+        if (options.type == 1) {
+            fieldTooltip.show(log);
+        }
+        if (typeof validation.invalid == 'function') {
+            validation.invalid.call($field, event, status, options);
+        }
+        options.eachInvalidField.call($field, event, status, options);
+    }
+
+    /**
+     * 如果是data-describedby="elemId"验证信息要显示的地方，类型3的验证:
+     * 		第一元素获取焦点，keyUp的时候要一直验证，如果正确那么错误信息就隐藏，如果不正确，那么错误
+     * 		提示信息要根据状态而改变,对于与验证通过，那么可以通过eachInvalid来让用户自定义，而无需要
+     * 		在插件中写它的操作方式
+     */
+    return status;
+};
+// $.extend($,{
+//     mvalidateExtend:function(options){
+//         return $.extend(extend, options);
+//     }
+// });
+
+var validateExtend = function validateExtend(options) {
+    return $.extend(extend, options);
+};
+
+var validate = function validate(selector, options) {
+    var form = $(selector);
+    var defaults = {
+        type: 1,
+        validateInSubmit: true,
+        sendForm: false,
+        onKeyup: false,
+        onChange: true,
+        firstInvalidFocus: false, //第一个未通过验证的表单是否获得交代呢
+        conditional: {},
+        descriptions: {},
+        eachField: $.noop,
+        eachValidField: $.noop,
+        eachInvalidField: $.noop,
+        valid: $.noop,
+        invalid: $.noop,
+        namespace: "mvalidate"
+    },
+        opts = $.extend(true, defaults, options),
+        namespace = opts.namespace;
+
+    opts.type = Number(opts.type);
+    opts.firstInvalid = false;
+    return form.mvalidateDestroy().each(function (event) {
+
+        var $form = $(this),
+            $fields; //存放当前表单下的所有元素;
+        if (!$form.is("form")) return;
+        opts.$form = $form;
+        $form.zeptoData(name, { "options": opts });
+        $fields = $form.find(allTypes);
+
+        //
+        if (opts.onKeyup) {
+            $fields.filter(type[0]).each(function () {
+
+                $(this).on("keyup." + namespace, function (event) {
+                    validateField.call(this, event, opts);
+                });
+            });
+        }
+
+        if (opts.onChange) {
+            $fields.each(function () {
+                var $this = $(this);
+                if ($this.is(type[1] + ',' + type[2])) {
+                    $(this).on('change.' + namespace, function (event) {
+                        validateField.call(this, event, opts);
+                    });
+                }
+            });
+        }
+
+        //如果需要验证的时候,在提交表单的时候对所有的字段进行验证
+        if (opts.validateInSubmit) {
+            $form.on("submit." + namespace, function (event) {
+                var formValid = true;
+                opts.firstInvalid = false;
+                $fields.each(function () {
+                    var status = validateField.call(this, event, opts);
+                    if (!status.pattern || !status.conditional || !status.required) {
+                        formValid = false;
+                    }
+                });
+
+                if (formValid) {
+                    if (!opts.sendForm) {
+                        event.preventDefault();
+                    }
+                    if ($.isFunction(opts.valid)) {
+                        opts.valid.call($form, event, opts);
+                    }
+                    //验证没有通过,禁用提交事件,以及绑定在这个elem上的其他事件
+                } else {
+                    event.preventDefault();
+                    event.stopImmediatePropagation();
+                    if ($.isFunction(opts.invalid)) {
+                        opts.invalid.call($form, event, opts);
+                    }
+                }
+            });
+        }
+    });
+};
+$.fn.mvalidateDestroy = function () {
+    var $form = $(this),
+        $fields,
+        dataValidate = $form.zeptoData(name);
+    if ($form.is('form') && $.isPlainObject(dataValidate) && typeof dataValidate.options.namespace == 'string') {
+        $fields = $form.removeData(name).find(allTypes);
+        $fields.off('.' + dataValidate.options.namespace);
+    }
+    return $form;
+};
+// $.fn.mvalidate.errorTipFormat=function(text){
+//     return '<div class="zvalid-resultformat">'+text+'</div>';
+// }
+
+exports.validate = validate;
+exports.validateExtend = validateExtend;
+
+/***/ })
+
+},[229]);
+});