layer.js笔记

layer是一款近年来备受青睐的web弹层组件，她具备全方位的解决方案，致力于服务各水平段的开发人员，您的页面会轻松地拥有丰富友好的操作体验。

在与同类组件的比较中，layer总是能轻易获胜。她尽可能地在以更少的代码展现更强健的功能，且格外注重性能的提升、易用和实用性，正因如此，越来越多的开发者将媚眼投上了layer（已被8042028人次关注）。layer 甚至兼容了包括 IE6 在内的所有主流浏览器。她数量可观的接口，使得您可以自定义太多您需要的风格，每一种弹层模式各具特色，广受欢迎。当然，这种“王婆卖瓜”的陈述听起来总是有点难受，因此你需要进一步了解她是否真的如你所愿。

layer 采用 MIT 开源许可证，将会永久性提供无偿服务。因着数年的坚持维护，截至到2017年9月13日，已运用在超过 30万 家 Web 平台，其中不乏众多知名大型网站。目前 layer 已经成为国内乃至全世界最多人使用的 Web 弹层解决方案，并且她仍在与 Layui 一并高速发展。

下面我简单记录下API中描述不清楚以及开发常用的地方。
完整API见 https://www.layui.com/doc/modules/layer.html
1.layer.alert
layer.alert(‘见到你真的很高兴’, {icon: X});
icon：
（1）X值为1

（2）X值为2

（3）X值为3

（4）X值为4

（5）X值为5

（6）X值为6

2.layer.tips

layer.tips("提示内容", "元素选择器--#ID", {
	ips: [2, '#3595CC'],
	time: 5000,
	tipsMore : true
});

（1）tipsMore - 是否允许多个tips
类型：Boolean，默认：false
允许多个意味着不会销毁之前的tips层。通过tipsMore: true开启

（2）time - 自动关闭所需毫秒
类型：Number，默认：0
默认不会自动关闭。当你想自动关闭时，可以time: 5000，即代表5秒后自动关闭，注意单位是毫秒（1秒=1000毫秒）

3.validate结合layer.js修改错误提示为tips气泡，具体参照errorPlacement

$("#formID").validate({
	rules : { 
		userName: {
			required: true,
			angelength:[11,11],
			number:true
		},
		pictureNumeber: {
			required:true
		},
		verification: {
			required:true
		}
	},
	messages : {
		userName: {
			required: "请输入手机号",
			rangelength:"手机号为11位"
		},
		pictureNumeber: {
			required:"请输入校验码"
		},
		verification: {
			required:"请输入短信验证码"
		},
	},
	errorPlacement: function(error, element) {
		layer.tips(error[0].innerText, element, {
			  tips: [2, '#3595CC'],
			  time: 5000,
			  tipsMore : true
		});
	},
	submitHandler:function() {
		// TO-DO具体操作
	}
});