前端的验证工具,无其他包依赖无样式,可以适合任何环境,可根据项目环境自行组装提示信息反馈给用户。
兼容IE6以上版及目前流行的浏览器。
在 input
和 select
元素上,添加 data-validator-options
属性,然后编写json的验证器配置信息,例如:
<input id="login_name" name="login_name"
data-validator-options="required:true,validType:['loginName','length[6,32]']" >
required
代表验证必填项。
validType
验证的规则组合,string
的数组,注意格式!其中 length[6,32]
的意思是,使用 length
验证规则,并且传入参数为 6
和 32
。
更多验证规则可自行扩展,详细使用例子:参见
在线体验: http://jsrun.net/PYiKp
虽然可以通过babel来实现ES6的基础语法环境,但在转码的过程中,由于一些API,如Symbol
不能使用,导致转码后的代码不能使用。另外前端环境上也用不了 Polyfill ,撇开前端js代码中能不能加上这个包(不过你有方法不妨告知,谢谢!),但为了使用一些ES6语法而加上这个庞然大物也是有点尴尬的。
再加上需要兼容 IE6-8 甚至用forEach都比较困难,最后作出不得不扩展Array对象的决定。所以,用这个包的话,在IE6-8环境下会对Array扩展forEach方法,不喜的童鞋需要注意!
总结,编写前端框架用babel的体验并不是太好,一边要原生API兼容性问题,一边还要留意转码后的兼容问题,顾虑反而增加了。还不如不用而专注浏览器对原生API的兼容问题好过。当然,也有部分原因是对babel转码特性不熟悉的关系,熟悉后可能后会好点,但换来语法环境值不值得就见仁见智了。
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。
1. 开源生态
2. 协作、人、软件
3. 评估模型