3/5 iview表单中注册密码验证、发送表单请求问题

2019-03-05  本文已影响0人  小北酱丶
iview搭建的基本表单

iview表单中注册密码验证

针对密码这一块内容  因为我在这里踩坑了
iview的密码验证还有手机验证不是很完整的 他只会判断你是否填了内容 但是没有条件 我添加了条件以后发现还要满足上下密码比较相同
这串代码要放到当前js的data中 不然this 没有办法指向到当前的页面

// 密码验证

            const validatePsw = (rule, value, callback) => {

                console.log(this.formValidate.strPwdIs);

                // var rule = /^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{6,16}$/;

                var rule = /^[0-9A-Za-z]{6,16}$/;

                if (rule.test(value) == false) {

                    callback(new Error('密码要求6-16位数字和字母'));

                } else {

                    if (this.formValidate.strPwdIs !== '') {

                        // 对第二个密码框单独验证

                        this.$refs.formValidate.validateField('strPwdIs');

                    }

                    callback();

                }

            }

            const validatePassCheck = (rule, value, callback) => {

                console.log(value, this.formValidate.UserPwd);

                if (value === '') {

                    callback(new Error('请再次输入密码'));

                } else if (value !== this.formValidate.UserPwd) {

                    callback(new Error('两个输入密码不匹配!'));

                } else {

                    callback();

                }

            };


发送表单请求问题

后台报错

遇到这种报错  一般都觉得是后台的bug 
也有可能是前端的错误!
发送表单数据给后台时 ajax 中data数据 如果数据不是json类型 注意不要写这个方法 contentType: "application/json",
 contentType一般是用于穿比较复杂的json、数组、对象   的 并且需要JSON.stringify(传递的数组或对象),


个人意见 如果有错欢迎指点 互相学习!

上一篇下一篇

猜你喜欢

热点阅读