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

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

作者: 小北酱丶 | 来源:发表于2019-03-05 19:57 被阅读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(传递的数组或对象),


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

    相关文章

      网友评论

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

          本文链接:https://www.haomeiwen.com/subject/gkoouqtx.html