一、封装的目的
1.复用性
2.方便调用
二、分析:
1.微信小程序表单提交数据只会返回绑定name的value
2.配置:网上有很多表单的校验插件 但是大部分的配置都是在js 新增正则对象 ,我感觉不太简便,就构思了这个另类校验插件
三、原理:
很简单,就是将配置换个地方,将配置更换至HTML input中
四、实现:
1.配置规则:
<input name="name:user->require-error:用户名是必填项->email:true->error:用户名格式错误" placeholder="用户名" />
1.name:user //对应接口data的键
2.require-error:用户名是必填项 // 必填项提示 大部分插件不仅要配置 require:true 必填项 还要配置 require-error 必填项提示 我认为 只要配置了必填项提示 该input 框就是必填项
3.email:true //插件已配置的 常用正则验证 用户也可以在插件中配置自己常用的正则表达式 我这里还配置了 mobile (手机号)、phone(座机号)
4.regex:^\\w{6,16}$ //现在开发过程中页面也可能有不常用的正则 ,一直在源码中扩充回导致插件越来越大,也比较麻烦 ,为方便使用用户也可在页面中直接配置正则表达式
注意:在页面中配置 一定注意字符转义 这个问题坑了我10多分钟 在pc端没问题 在小程序 输入的值一直校验失败
5.error:用户名格式错误 //正则匹配错误提示
6.