在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ vue.js 驗(yàn)證兩次密碼是否一致,不用validate,elementUI組件

vue.js 驗(yàn)證兩次密碼是否一致,不用validate,elementUI組件

圖片描述



頁(yè)面默認(rèn)就顯示密碼少于6位,如何讓他頁(yè)面首次加載不顯示?
<div class="retrieve_password" id="retrieve_password">
    <p>重置密碼</p>
    <p>設(shè)置密碼</p>
    <input type="password" placeholder="請(qǐng)輸入6~15位密碼" v-model.lazy="passwordModel"/>
    <span>@{{passwordValidate.errorText}}</span>
    <p>確認(rèn)密碼</p>
    <input type="password" placeholder="請(qǐng)?jiān)佥斎胍槐槊艽a"  v-model.lazy="passwordcheckModel" />
    <span>@{{passwordCheckValidate.errorText}}</span>
    <button>下一步</button>
</div>

computed: {

    passwordValidate: function() {
        var errorText;
        if(!/^[0-9A-Za-z]{6,15}$/.test(this.passwordModel)) {
            errorText = '密碼少于6位'
        } else {
            errorText = ''
        }
        if(!this.passwordFlag) {
            errorText = ''
            this.passwordFlag = true
        }
        return {
            errorText
        }
    },
        passwordCheckValidate: function() {
        var errorText;
        if(!/^[0-9A-Za-z]{6,15}$/.test(this.passwordcheckModel)) {
            errorText = '密碼少于6位'
        }else if(this.passwordcheckModel !==this.passwordModel ){
            errorText = '兩次密碼不匹配'
        }
        else {
            errorText = ''
        }
        
        if(!this.passwordFlag) {
            errorText = ''
            this.passwordFlag = true
        }
        return {
            errorText
        }
    }
    
},

回答
編輯回答
萌二代

<span v-if="passwordcheckModel">@{{passwordCheckValidate.errorText}}</span>

2017年8月8日 10:40