vue中RegExp 正則驗證特殊字符或手機號及其他特殊內容;


vue中RegExp驗證:

1、判斷文本框中用戶輸入的字符是否含有特殊符號(*/#$@),就像用戶注冊時密碼框的填寫。

// 利用 RegExp 對象優雅實現: even(文本框內容)
regDemo:function (even) { 
    // 規則對象(flag)
    var flag = new RegExp("[`~!@#$^&*()=|{}':;',\\[\\].<>《》/?~!@#¥……&*()——|{}【】‘;:”“'。,、? ]");
    // 判斷 even 是否包含特殊字符
    if(flag.test(even)){
        console.log('包含!')
    }else{
        console.log('不包含!')
    }
    
}

2、手機號正則驗證方法封裝;

//手機驗證
ValidatePhone: function (val){
    var isPhone = /^1[3456789]\d{9}$/;//手機號碼
    var isMob= /^0?1[0-9][0-9]\d{8}$/;// 座機格式
    if(isMob.test(val)||isPhone.test(val)){
        return true;
    }else{
        return false;
    }
}
//使用:
setSubmit:function(value){
    if(this.ValidatePhone(value) == false) {
        console.log('手機號格式錯誤');
    }
}

函數講解:http://www.vue5.com/es6/es6_regexp.html


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM