element ui -- form 表單的一些正則匹配校驗規則

這些規則可以集中寫在一個js 文件里 按需引入即可。

export let phone = {
    pattern: /^1\d{10}$/,
    message: '您的手機號碼輸入錯誤'
}

export let positiveInt = {
    pattern: /^[0-9]\d*$/,
    message: '只能輸入整數'
}

export let positiveIntNum = {
    pattern: /^[1-9]\d*$/,
    message: '只能輸入大於等於1的正整數'
}

export let twoFloat = {
    pattern: /^([0-9]*)+(\.[0-9]{1,2})?$/,
    message: "最多只能輸入兩位小數"
}

export let numberLetter = {
    pattern: /^[A-Za-z0-9]+$/,
    message: "只能輸入字母和數字"
}

export let chineseChar = {
    pattern: /[\u4e00-\u9fa5]/,
    message: "只能輸入中文"
}

export let idCard = {
    pattern: /^[1-9]\d{5}(18|19|20|(3\d))\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/,
    message: '請輸入正確的身份證號'
}

export let required = {

    required: true,

    message: "該項為必填項",

    trigger: "blur"

}

一些filters 用到的正則

    filters:{
       //截取字符串前面的0
        sliceNumber(val){
            return val.replace(/\b(0+)/gi,"")
        }，
　　　　　// 只允許輸入數字或字母
　　　　　inputVal(val){
　　　　　　　return val.replace(/[\W]/g,'')　

　　　　　},
　　　　// 只允許輸入數字
　　　　numberVal(val){
　　　　　　return val.replace(/[^\d]/g,''/);
　　　　}
 },