vue表單的正則

標題專案中可能有大量正則，因此將正則單獨提煉出來，方便後期的維護

/**

* 基礎正則
*/let validate =$/,
// 郵箱
'mobile'
:/^1[3|4|5|6|7|8|9][0-9]$/
,// 手機號
'tel'
:/^(\(\d\)|\d-|\s)?\d$/
,'idno'
:/^[1-9]\d(18|19|([23]\d))\d((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d[0-9xx]$/
,// 身份證號碼
'name'
:/^[\u4e00-\u9fa5]$/
,'position'
:/^([\u4e00-\u9fa5]+\s?)+$/
,'ename'
:/^\w+((\s|\.)\w+)*$/
,// 英文名字
'cfname'
:/^[\u4e00-\u9fa5]$/
,// 中文姓
'cname'
:/^[\u4e00-\u9fa5]$/
,// 中文名
'spname'
:/^\[a-z]$/
,// 拼音名
'spfname'
:/^\[a-z]$/
,// 拼音姓
'cename'
:/^[\u4e00-\u9fa5]+$|^[a-za-z]+$/
,// 中英文混合名字
'address'
:/^[\u4e00-\u9fa5]+[\u4e00-\u9fa5\w\d\s#-]*[\u4e00-\u9fa5]+$/
,'birthno'
:/^\b[a-za-z]\d\b$/
,// 生日
'password'
:/^(?![0-9]+$)(?![a-z]+$)(?![a-z]+$)(?!([^(0-9a-za-z)])+$)^.$/
,// 密碼
'passport'
:/^1[45][0-9]|([p|p|s|s]\d)|([s|s|g|g]\d)|([gg|tt|ss|ll|qq|dd|aa|ff]\d)|([h|h|m|m]\d)$/
,// 護照
'companyname'
:/^[\w\u4e00-\u9fa5]+$/
,'carnum'
:/^[京津滬渝冀豫雲遼黑湘皖魯新蘇浙贛鄂桂甘晉蒙陝吉閩貴粵青藏川寧瓊使領a-z][a-z][a-z0-9][a-z0-9掛學警港澳]$/
,// 汽車牌照
'uscc'
:/[1-9a-gy][1239][1-5][0-9][0-9a-z]/
,// 統一社會信用**
'social':/
^[a-za-z0-
9]$/// 統一社會信用**正則
}let relus =
elseif(
!validate.name.
test
(value)
)else},
password
(rule, value, callback)
elseif(
!validate.password.
test
(value)
)else},
mobile
(rule, value, callback)
elseif(
!validate.mobile.
test
(value)
)else}}
export
default relus

import relus from

'../../utils/validator'

rules:,]

}

VUE表單自定義驗證常用正則

表單驗證處呼叫phoneverify自定義方法。rules phoneverify自定義方法正則使用。手機號驗證 var phoneverify rule,value,callback d 1 3584 d if reg.test value callback 密碼至少包含 數字和英文，長度6 20...

Vue 表單控制項

textarea 略 input type text 略 單個input type checkbox 多個input type checkbox input type radio select select multiple multiple 有時候希望得到的表單控制項的值不是預設值，可以使用val...

vue 表單 繫結

vue的表單 使用v model 來繫結資料，具有雙向繫結資料的效果 雙向繫結，及不僅可以通過js運算元據顯示，並且可以通過input 等輸入框改變data checkbox 的資料繫結 通過data 的ture or false 來確定是否是選定項 選項2選項3 選項4選項5 測試得到，check...