layui_form2.js

/**

 @Name：layui.form 表单组件
 @Author：贤心
 @License：MIT
    
 */
 
// layui.define('layer', function(exports){
//     "use strict";
	var config = {
		event: {} //记录模块自定义事件
	}
	var layui = {
		each : function(obj, fn){
			var key
			,that = this;
			if(typeof fn !== 'function') return that;
			obj = obj || [];
			if(obj.constructor === Object){
			  for(key in obj){
				if(fn.call(obj[key], key, obj[key])) break;
			  }
			} else {
			  for(key = 0; key < obj.length; key++){
				if(fn.call(obj[key], key, obj[key])) break;
			  }
			}
			return that;
		},
		onevent : function(modName, events, callback){
			if(typeof modName !== 'string' 
			|| typeof callback !== 'function') return this;
		
			return layui.event(modName, events, null, callback);
		},
		event : function(modName, events, params, fn){
			var that = this
			,result = null
			,filter = events.match(/\((.*)\)$/)||[] //提取事件过滤器字符结构，如：select(xxx)
			,eventName = (modName + '.'+ events).replace(filter[0], '') //获取事件名称，如：form.select
			,filterName = filter[1] || '' //获取过滤器名称,，如：xxx
			,callback = function(_, item){
				var res = item && item.call(that, params);
				res === false && result === null && (result = false);
			};
			
			//添加事件
			if(fn){
				config.event[eventName] = config.event[eventName] || {};
		
				//这里不再对多次事件监听做支持，避免更多麻烦
				//config.event[eventName][filterName] ? config.event[eventName][filterName].push(fn) : 
				config.event[eventName][filterName] = [fn];
				return this;
			}
			
			//执行事件回调
			layui.each(config.event[eventName], function(key, item){
				//执行当前模块的全部事件
				if(filterName === '{*}'){
					layui.each(item, callback);
					return;
				}

				//执行指定事件
				key === '' && layui.each(item, callback);
				(filterName && key === filterName) && layui.each(item, callback);
			});
			
			return result;
		}
	}
	


    
    var //$ = layui.$
    layer =  require('components/layer')
    ,hint = function(msg){
		window.console && console.error && console.error(msg);
    }
    ,device = (function(key){
		var agent = navigator.userAgent.toLowerCase()
  
		//获取版本号
		,getVersion = function(label){
			var exp = new RegExp(label + '/([^\\s\\_\\-]+)');
			label = (agent.match(exp)||[])[1];
			return label || false;
		}
      
		//返回结果集
		,result = {
			os: function(){ //底层操作系统
				if(/windows/.test(agent)){
					return 'windows';
				} else if(/linux/.test(agent)){
					return 'linux';
				} else if(/iphone|ipod|ipad|ios/.test(agent)){
					return 'ios';
				} else if(/mac/.test(agent)){
					return 'mac';
				} 
			}()
			,ie: function(){ //ie版本
				return (!!window.ActiveXObject || "ActiveXObject" in window) ? (
				(agent.match(/msie\s(\d+)/) || [])[1] || '11' //由于ie11并没有msie的标识
				) : false;
			}()
			,weixin: getVersion('micromessenger')  //是否微信
		};
      
		//任意的key
		if(key && !result[key]){
			result[key] = getVersion(key);
		}
      
		//移动设备
		result.android = /android/.test(agent);
		result.ios = result.os === 'ios';

		return result;
    })()
    
    ,MOD_NAME = 'form', ELEM = '.layui-form', THIS = 'layui-this'
    ,SHOW = 'layui-show', HIDE = 'layui-hide', DISABLED = 'layui-disabled'
    
    ,Form = function(){
		this.config = {
			verify: {
				required: [
					/[\S]+/
					,'必填项不能为空'
				]
				,phone: [
					/^1\d{10}$/
					,'请输入正确的手机号'
				]
				,email: [
					/^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/
					,'邮箱格式不正确'
				]
				,url: [
					/(^#)|(^http(s*):\/\/[^\s]+\.[^\s]+)/
					,'链接格式不正确'
				]
				,number: function(value){
					if(!value || isNaN(value)) return '只能填写数字'
				}
				,date: [
					/^(\d{4})[-\/](\d{1}|0\d{1}|1[0-2])([-\/](\d{1}|0\d{1}|[1-2][0-9]|3[0-1]))*$/
					,'日期格式不正确'
				]
				,identity: [
					/(^\d{15}$)|(^\d{17}(x|X|\d)$)/
					,'请输入正确的身份证号'
				]
			}
		};
    };
    
    // 全局设置---暂时发现没有
    Form.prototype.set = function(options){
		var that = this;
		$.extend(true, that.config, options);
		return that;
    };
    
    //验证规则设定
    Form.prototype.verify = function(settings){
		var that = this;
		$.extend(true, that.config.verify, settings);
		return that;
    };
    
    //表单事件监听
    Form.prototype.on = function(events, callback){
		return layui.onevent.call(this, MOD_NAME, events, callback);
    };
    
    //初始赋值
    Form.prototype.val = function(filter, object){
		var that = this
		,formElem = $(ELEM + '[lay-filter="' + filter +'"]');
		formElem.each(function(index, item){
			var itemFrom = $(this);
			layui.each(object, function(key, value){
				var itemElem = itemFrom.find('[name="'+ key +'"]')
				,type;
				
				//如果对应的表单不存在，则不执行
				if(!itemElem[0]) return;
				type = itemElem[0].type;
				
				//如果为复选框
				if(type === 'checkbox'){
					itemElem[0].checked = value;
				} else if(type === 'radio') { //如果为单选框
					itemElem.each(function(){
						if(this.value === value ){
							this.checked = true
						}     
					});
				} else { //其它类型的表单
					itemElem.val(value);
				}
			});
		});
		form.render(null, filter);
    };
    
    //表单控件渲染
    Form.prototype.render = function(type, filter){
		var that = this
		,elemForm = $(ELEM + function(){
			return filter ? ('[lay-filter="' + filter +'"]') : '';
		}())
		,items = {
		
			//下拉选择框
			select: function(){
				var TIPS = '请选择', CLASS = 'layui-form-select', TITLE = 'layui-select-title'
				,NONE = 'layui-select-none', initValue = '', thatInput
				,selects = elemForm.find('select')
				
				//隐藏 select
				,hide = function(e, clear){
					if(!$(e.target).parent().hasClass(TITLE) || clear){
						$('.'+CLASS).removeClass(CLASS+'ed ' + CLASS+'up');
						thatInput && initValue && thatInput.val(initValue);
					}
					thatInput = null;
				}
				
				//各种事件
				,events = function(reElem, disabled, isSearch){
					var select = $(this)
					,title = reElem.find('.' + TITLE)
					,input = title.find('input')
					,dl = reElem.find('dl')
					,dds = dl.children('dd')
					,index =  this.selectedIndex //当前选中的索引
					,nearElem; //select 组件当前选中的附近元素，用于辅助快捷键功能
					
					if(disabled) return;
				
					//展开下拉
					var showDown = function(){
						var top = reElem.offset().top + reElem.outerHeight() + 5 - $win.scrollTop()
						,dlHeight = dl.outerHeight();
						
						index = select[0].selectedIndex; //获取最新的 selectedIndex
						reElem.addClass(CLASS+'ed');
						dds.removeClass(HIDE);
						nearElem = null;

						//初始选中样式
						dds.eq(index).addClass(THIS).siblings().removeClass(THIS);

						//上下定位识别
						if(top + dlHeight > $win.height() && top >= dlHeight){
						reElem.addClass(CLASS + 'up');
						}
						
						followScroll();
					}
					
					//隐藏下拉
					,hideDown = function(choose){
						reElem.removeClass(CLASS+'ed ' + CLASS+'up');
						input.blur();
						nearElem = null;
						
						if(choose) return;
						
						notOption(input.val(), function(none){
						var selectedIndex = select[0].selectedIndex;
						
						//未查询到相关值
						if(none){
							initValue = $(select[0].options[selectedIndex]).html(); //重新获得初始选中值
							
							//如果是第一项，且文本值等于 placeholder，则清空初始值
							if(selectedIndex === 0 && initValue === input.attr('placeholder')){
							initValue = '';
							};

							//如果有选中值，则将输入框纠正为该值。否则清空输入框
							input.val(initValue || '');
						}
						});
					}
				
					//定位下拉滚动条
					,followScroll = function(){  
						var thisDd = dl.children('dd.'+ THIS);
						
						if(!thisDd[0]) return;
						
						var posTop = thisDd.position().top
						,dlHeight = dl.height()
						,ddHeight = thisDd.height();
						
						//若选中元素在滚动条不可见底部
						if(posTop > dlHeight){
						dl.scrollTop(posTop + dl.scrollTop() - dlHeight + ddHeight - 5);
						}
						
						//若选择玄素在滚动条不可见顶部
						if(posTop < 0){
						dl.scrollTop(posTop + dl.scrollTop() - 5);
						}
					};
				
					//点击标题区域
					title.on('click', function(e){
						reElem.hasClass(CLASS+'ed') ? (
						hideDown()
						) : (
						hide(e, true), 
						showDown()
						);
						dl.find('.'+NONE).remove();
					}); 
				
					//点击箭头获取焦点
					title.find('.layui-edge').on('click', function(){
						input.focus();
					});
				
					//select 中 input 键盘事件
					input.on('keyup', function(e){ //键盘松开
						var keyCode = e.keyCode;
						
						//Tab键展开
						if(keyCode === 9){
						showDown();
						}
					}).on('keydown', function(e){ //键盘按下
						var keyCode = e.keyCode;

						//Tab键隐藏
						if(keyCode === 9){
						hideDown();
						}
						
						//标注 dd 的选中状态
						var setThisDd = function(prevNext, thisElem1){
						var nearDd, cacheNearElem
						e.preventDefault();

						//得到当前队列元素  
						var thisElem = function(){
							var thisDd = dl.children('dd.'+ THIS);
							
							//如果是搜索状态，且按 Down 键，且当前可视 dd 元素在选中元素之前，
							//则将当前可视 dd 元素的上一个元素作为虚拟的当前选中元素，以保证递归不中断
							if(dl.children('dd.'+  HIDE)[0] && prevNext === 'next'){
							var showDd = dl.children('dd:not(.'+ HIDE +',.'+ DISABLED +')')
							,firstIndex = showDd.eq(0).index();
							if(firstIndex >=0 && firstIndex < thisDd.index() && !showDd.hasClass(THIS)){
								return showDd.eq(0).prev()[0] ? showDd.eq(0).prev() : dl.children(':last');
							}
							}

							if(thisElem1 && thisElem1[0]){
							return thisElem1;
							}
							if(nearElem && nearElem[0]){
							return nearElem;
							}
					
							return thisDd;
							//return dds.eq(index);
						}();
						
						cacheNearElem = thisElem[prevNext](); //当前元素的附近元素
						nearDd =  thisElem[prevNext]('dd:not(.'+ HIDE +')'); //当前可视元素的 dd 元素

						//如果附近的元素不存在，则停止执行，并清空 nearElem
						if(!cacheNearElem[0]) return nearElem = null;
						
						//记录附近的元素，让其成为下一个当前元素
						nearElem = thisElem[prevNext]();

						//如果附近不是 dd ，或者附近的 dd 元素是禁用状态，则进入递归查找
						if((!nearDd[0] || nearDd.hasClass(DISABLED)) && nearElem[0]){
							return setThisDd(prevNext, nearElem);
						}
						
						nearDd.addClass(THIS).siblings().removeClass(THIS); //标注样式
						followScroll(); //定位滚动条
						};
						
						if(keyCode === 38) setThisDd('prev'); //Up 键
						if(keyCode === 40) setThisDd('next'); //Down 键
						
						//Enter 键
						if(keyCode === 13){ 
						e.preventDefault();
						dl.children('dd.'+THIS).trigger('click');
						}
					});
				
					//检测值是否不属于 select 项
					var notOption = function(value, callback, origin){
						var num = 0;
						layui.each(dds, function(){
						var othis = $(this)
							,text = othis.text()
							,not = text.indexOf(value) === -1;
							if(value === '' || (origin === 'blur') ? value !== text : not) num++;
							origin === 'keyup' && othis[not ? 'addClass' : 'removeClass'](HIDE);
						});
						var none = num === dds.length;
						return callback(none), none;
					};
				
					//搜索匹配
					var search = function(e){
						var value = this.value, keyCode = e.keyCode;
						
						if(keyCode === 9 || keyCode === 13 
						|| keyCode === 37 || keyCode === 38 
						|| keyCode === 39 || keyCode === 40
						){
						return false;
						}
						
						notOption(value, function(none){
						if(none){
							dl.find('.'+NONE)[0] || dl.append('<p class="'+ NONE +'">无匹配项</p>');
						} else {
							dl.find('.'+NONE).remove();
						}
						}, 'keyup');
						
						if(value === ''){
						dl.find('.'+NONE).remove();
						}
						
						followScroll(); //定位滚动条
					};
				
					if(isSearch){
						input.on('keyup', search).on('blur', function(e){
							var selectedIndex = select[0].selectedIndex;
							
							thatInput = input; //当前的 select 中的 input 元素
							initValue = $(select[0].options[selectedIndex]).html(); //重新获得初始选中值
							
							//如果是第一项，且文本值等于 placeholder，则清空初始值
							if(selectedIndex === 0 && initValue === input.attr('placeholder')){
								initValue = '';
							};
							
							setTimeout(function(){
								notOption(input.val(), function(none){
									initValue || input.val(''); //none && !initValue
								}, 'blur');
							}, 200);
						});
					}

					//选择
					dds.on('click', function(){
						var othis = $(this), value = othis.attr('lay-value');
						var filter = select.attr('lay-filter'); //获取过滤器
						
						if(othis.hasClass(DISABLED)) return false;
						
						if(othis.hasClass('layui-select-tips')){
							input.val('');
						} else {
							input.val(othis.text());
							othis.addClass(THIS);
						}

						othis.siblings().removeClass(THIS);
						select.val(value).removeClass('layui-form-danger')
						layui.event.call(this, MOD_NAME, 'select('+ filter +')', {
							elem: select[0]
							,value: value
							,othis: reElem
						});

						hideDown(true);
						return false;
					});
				
					reElem.find('dl>dt').on('click', function(e){
						return false;
					});
					
					$(document).off('click', hide).on('click', hide); //点击其它元素关闭 select
				}
				
				selects.each(function(index, select){
					var othis = $(this)
					,hasRender = othis.next('.'+CLASS)
					,disabled = this.disabled
					,value = select.value
					,selected = $(select.options[select.selectedIndex]) //获取当前选中项
					,optionsFirst = select.options[0];
					
					if(typeof othis.attr('lay-ignore') === 'string') return othis.show();
					
					var isSearch = typeof othis.attr('lay-search') === 'string'
					,placeholder = optionsFirst ? (
						optionsFirst.value ? TIPS : (optionsFirst.innerHTML || TIPS)
					) : TIPS;

					
					//替代元素
					var reElem = $(['<div class="'+ (isSearch ? '' : 'layui-unselect ') + CLASS 
					,(disabled ? ' layui-select-disabled' : '') +'">'
						,'<div class="'+ TITLE +'">'
						,('<input type="text" placeholder="'+ placeholder +'" '
							+('value="'+ (value ? selected.html() : '') +'"') //默认值
							+(isSearch ? '' : ' readonly') //是否开启搜索
							+' class="layui-input'
							+(isSearch ? '' : ' layui-unselect') 
						+ (disabled ? (' ' + DISABLED) : '') +'">') //禁用状态
						,'<i class="layui-edge"></i></div>'
						,'<dl class="layui-anim layui-anim-upbit'+ (othis.find('optgroup')[0] ? ' layui-select-group' : '') +'">'
						,function(options){
							var arr = [];
							layui.each(options, function(index, item){
								if(index === 0 && !item.value){
									arr.push('<dd lay-value="" class="layui-select-tips">'+ (item.innerHTML || TIPS) +'</dd>');
								} else if(item.tagName.toLowerCase() === 'optgroup'){
									arr.push('<dt>'+ item.label +'</dt>'); 
								} else {
									arr.push('<dd lay-value="'+ item.value +'" class="'+ (value === item.value ?  THIS : '') + (item.disabled ? (' '+DISABLED) : '') +'">'+ item.innerHTML +'</dd>');
								}
							});
							arr.length === 0 && arr.push('<dd lay-value="" class="'+ DISABLED +'">没有选项</dd>');
							return arr.join('');
						}(othis.find('*')) +'</dl>'
					,'</div>'].join(''));
					
					hasRender[0] && hasRender.remove(); // 如果已经渲染，则Rerender
					othis.after(reElem);          
					events.call(this, reElem, disabled, isSearch);
				});
			}
			
			//复选框/开关
			,checkbox: function(){
				var CLASS = {
					checkbox: ['layui-form-checkbox', 'layui-form-checked', 'checkbox']
					,_switch: ['layui-form-switch', 'layui-form-onswitch', 'switch']
				}
				,checks = elemForm.find('input[type=checkbox]')
				
				,events = function(reElem, RE_CLASS){
					var check = $(this);
					
					//勾选
					reElem.on('click', function(){
						var filter = check.attr('lay-filter') //获取过滤器
						,text = (check.attr('lay-text')||'').split('|');

						if(check[0].disabled) return;
						
						check[0].checked ? (
							check[0].checked = false
							,reElem.removeClass(RE_CLASS[1]).find('em').text(text[1])
						) : (
							check[0].checked = true
							,reElem.addClass(RE_CLASS[1]).find('em').text(text[0])
						);
						
						layui.event.call(check[0], MOD_NAME, RE_CLASS[2]+'('+ filter +')', {
							elem: check[0]
							,value: check[0].value
							,othis: reElem
						});
					});
				}
				
				checks.each(function(index, check){
					var othis = $(this), skin = othis.attr('lay-skin')
					,text = (othis.attr('lay-text') || '').split('|'), disabled = this.disabled;
					if(skin === 'switch') skin = '_'+skin;
					var RE_CLASS = CLASS[skin] || CLASS.checkbox;
					
					if(typeof othis.attr('lay-ignore') === 'string') return othis.show();
					
					//替代元素
					var hasRender = othis.next('.' + RE_CLASS[0])
					,reElem = $(['<div class="layui-unselect '+ RE_CLASS[0]
						,(check.checked ? (' '+ RE_CLASS[1]) : '') //选中状态
						,(disabled ? ' layui-checkbox-disbaled '+ DISABLED : '') //禁用状态
						,'"'
						,(skin ? ' lay-skin="'+ skin +'"' : '') //风格
					,'>'
					,function(){ //不同风格的内容
						var title = check.title.replace(/\s/g, '')
						,type = {
							//复选框
							checkbox: [
								(title ? ('<span>'+ check.title +'</span>') : '')
								,'<i class="layui-icon layui-icon-ok"></i>'
							].join('')
							
							//开关
							,_switch: '<em>'+ ((check.checked ? text[0] : text[1]) || '') +'</em><i></i>'
						};
						return type[skin] || type['checkbox'];
					}()
					,'</div>'].join(''));

					hasRender[0] && hasRender.remove(); //如果已经渲染，则Rerender
					othis.after(reElem);
					events.call(this, reElem, RE_CLASS);
				});
			}
			
			//单选框
			,radio: function(){
				var CLASS = 'layui-form-radio', ICON = ['&#xe643;', '&#xe63f;']
				,radios = elemForm.find('input[type=radio]')
				
				,events = function(reElem){
					var radio = $(this), ANIM = 'layui-anim-scaleSpring';
					
					reElem.on('click', function(){
						var name = radio[0].name, forms = radio.parents(ELEM);
						var filter = radio.attr('lay-filter'); //获取过滤器
						var sameRadio = forms.find('input[name='+ name.replace(/(\.|#|\[|\])/g, '\\$1') +']'); //找到相同name的兄弟
						
						if(radio[0].disabled) return;
						
						layui.each(sameRadio, function(){
							var next = $(this).next('.'+CLASS);
							this.checked = false;
							next.removeClass(CLASS+'ed');
							next.find('.layui-icon').removeClass(ANIM).html(ICON[1]);
						});
							
						radio[0].checked = true;
						reElem.addClass(CLASS+'ed');
						reElem.find('.layui-icon').addClass(ANIM).html(ICON[0]);
							
						layui.event.call(radio[0], MOD_NAME, 'radio('+ filter +')', {
							elem: radio[0]
							,value: radio[0].value
							,othis: reElem
						});
					});
				};
				
				radios.each(function(index, radio){
					var othis = $(this), hasRender = othis.next('.' + CLASS), disabled = this.disabled;
					
					if(typeof othis.attr('lay-ignore') === 'string') return othis.show();
					hasRender[0] && hasRender.remove(); //如果已经渲染，则Rerender
				
					//替代元素
					var reElem = $(['<div class="layui-unselect '+ CLASS 
						,(radio.checked ? (' '+CLASS+'ed') : '') //选中状态
					,(disabled ? ' layui-radio-disbaled '+DISABLED : '') +'">' //禁用状态
					,'<i class="layui-anim layui-icon">'+ ICON[radio.checked ? 0 : 1] +'</i>'
					,'<div>'+ function(){
						var title = radio.title || '';
						if(typeof othis.next().attr('lay-radio') === 'string'){
							title = othis.next().html();
							othis.next().remove();
						}
						return title
					}() +'</div>'
					,'</div>'].join(''));

					othis.after(reElem);
					events.call(this, reElem);
				});
			}
		};
		type ? (
		items[type] ? items[type]() : hint('不支持的'+ type + '表单渲染')
		) : layui.each(items, function(index, item){
			item();
		});
		return that;
    };
    
    //表单提交校验
    var submit = function(){
		var button = $(this), verify = form.config.verify, stop = null
		,DANGER = 'layui-form-danger', field = {} ,elem = button.parents(ELEM)
      
		,verifyElem = elem.find('*[lay-verify]') //获取需要校验的元素
		,formElem = button.parents('form')[0] //获取当前所在的form元素，如果存在的话
		,fieldElem = elem.find('input,select,textarea') //获取所有表单域
		,filter = button.attr('lay-filter'); //获取过滤器
     
      
		//开始校验
		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);
						errorText = errorText || verify[thisVer][1];
					
					//如果是必填项或者非空命中校验，则阻止提交，弹出提示
					if(isTrue){
						//提示层风格
						if(verType === 'tips'){
							layer.tips(errorText, function(){
								if(typeof othis.attr('lay-ignore') !== 'string'){
									if(item.tagName.toLowerCase() === 'select' || /^checkbox|radio$/.test(item.type)){
										return othis.next();
									}
								}
								return othis;
							}(), {tips: 1});
						} else if(verType === 'alert') {
							layer.alert(errorText, {title: '提示', shadeClose: true});
						} else {
							layer.msg(errorText, {icon: 5, shift: 6});
						}
						if(!device.android && !device.ios) item.focus(); //非移动设备自动定位焦点
						othis.addClass(DANGER);
						return stop = true;
					}
				}
			});
			if(stop) return stop;
		});
      
		if(stop) return false;
      
		var nameIndex = {}; //数组 name 索引
		layui.each(fieldElem, function(_, item){
			item.name = (item.name || '').replace(/^\s*|\s*&/, '');
			
			if(!item.name) return;
			
			//用于支持数组 name
			if(/^.*\[\]$/.test(item.name)){
				var key = item.name.match(/^(.*)\[\]$/g)[0];
				nameIndex[key] = nameIndex[key] | 0;
				item.name = item.name.replace(/^(.*)\[\]$/, '$1['+ (nameIndex[key]++) +']');
			}
			
			if(/^checkbox|radio$/.test(item.type) && !item.checked) return;      
			field[item.name] = item.value;
		});
   
		//获取字段
		return layui.event.call(this, MOD_NAME, 'submit('+ filter +')', {
			elem: this
			,form: formElem
			,field: field
		});
    };
  
    //自动完成渲染
    var form = new Form()
    ,$dom = $(document), $win = $(window);
    
    form.render();
    
    //表单reset重置渲染
    $dom.on('reset', ELEM, function(){
		var filter = $(this).attr('lay-filter');
		setTimeout(function(){
			form.render(null, filter);
		}, 50);
    });
    
    //表单提交事件
    $dom.on('submit', ELEM, submit)
    .on('click', '*[lay-submit]', submit);


    module.exports = form;
    
//     exports(MOD_NAME, form);
//   });