更新记录

0.1.0（2021-06-08） 下载此版本

初版

平台兼容性

说明

ive-validate是针对表单校验的封装的方法,通过传入固定格式的数据对其进行校验,返回一个Promise对象并且简化对象获取其中的值进行表单提交

ive-validate方法说明:

data 格式示例:

{ phone: { value: "", rules: [ { required: true, message: "请填写手机号码！", }, { pattern: "/^1(3|4|5|7|8|9|6)\d{9}$/i", message: "请输入正确的手机号码！", }, { validate: () => { return /^1(3|4|5|7|8|9|6)\d{9}$/.test(this.formData.phone.value) } } ], }, captcha: { value: "", rules: [ { required: true, message: "请填写验证码", }, { pattern: /^[\w\d]+$/i, message: "请输入正确的验证码", }, ], }

rules数组项目说明:校验不通过,reject({errCode: 0, msg: '校验失败'})

使用(加入button中绑定了validate方法)

'<input type="text" v-model="formData.pwd.value" placeholder="输入密码" />' '<button class="sub_btn" @click="submit">'

methods: { submit() { validate(this.formData).then(requestData => { ajax({ data: requestData, url:'http://test.xxx.com/test' }) }).catch(err => { if(err.errCode === 0) { alert(err.msg, 'error'); } }); } }