需要引入jui.js github地址:https://github.com/rainstormShi/j-widgets/
首先页面中将需要验证的input/texteare/select/加入俩个元素
1、j-type:'为不和input自带的type冲突.. 同时在验证的时候是通过j-type来判断类型的,目前支持text&textarea(文本,判空)/mail(邮箱)/phone(手机号)/identity(身份证,身份证验证开了生日验证/城市验证/长度验证,如需跟精准的验证,可通过在jui.js中取消isIdentityCard内注释的代码' 2、jui-required='required' 必填项需加入此属性,同时。满足1&2可进行验证。
初始化 j.putreQuired() 之后便可在自己的Js中通过 j.verifyData() 等于true进行处理判断 不为true 时返回的是message message内容通过一般有placeholder返回placeholder没有的话返回的是“请将信息填写完整”或其他特殊验证。如:
html部分:“<input j-type='mail' jui-required='required'>”
jq部分:
j.putreQuired()
if(j.verifyData == true)
{ console.log('填写完毕')
}else{
console.log(j.verifyData)//请将信息填写完整||邮箱格式不正确
}
全部代码 见https://github.com/rainstormShi/j-widgets/ 还有更多方便使用的小方法,如移动端弹出层等