Vue elementui 常用表單項正則校驗

import vue from

'vue'
export
default);
},//ip位址校驗
ipaddressvalidator
(rule, value, callback)
elseif(
!((/((2(5[0-5]|[0-4]\d))|[0-1]?\d)(\.((2(5[0-5]|[0-4]\d))|[0-1]?\d))/g
.test
(value)))
) else if(!((/^1[3|5|7|8][0-9]\d$/.test(value)))) 
else},
//聯絡**校驗
phonenumvalidator
(rule, value, callback)
elseif(
!((/^1[0-9]$/
.test
(value)))
) else if(!((/^1[3|5|7|8][0-9]\d$/.test(value)))) 
else},
//上傳檔案校驗
filevalidator
(rule, value, callback)
else
if(value.length <1)
else},
//中文姓名校驗
namevalidator
(rule, value, callback)
elseif(
!(/^([\u4e00-\u9fa5])$/
.test
(value)))
else},
//銀行號碼校驗
banknumvalidator
(rule, value, callback)
elseif(
!(/^([1-9])(\d|\d|\d)$/
.test
(value)))
else},
//郵箱校驗
mailvalidator
(rule, value, callback)
elseif(
!(/^(([a-za-z0-9_\-\.]+)@([a-za-z0-9_\-\.]+)\.([a-za-z]))$/
.test
(value)))
else},
//**校驗
//只能輸入字母和數字，不能輸入小數點
numenvalidator
(rule, value, callback)
elseif(
!(/^[\da-z]+$/i
.test
(value)))
else},
//數字校驗
numvalidator
(rule, value, callback)
elseif(
!(/^(\d)*$/
.test
(value)))
else},
//**校驗 數字 不可<0 可帶小數點 小數點前小於等於9位 小數點後小於等於2位
moneyvalidator
(rule, value, callback)
elseif(
!(/^0\.([1-9]|\d[1-9])$|^[1-9]\d\.\d$|^[1-9]\d$/
.test
(value)))
else
if(value <=0)
else},
//工商註冊號校驗
industrynumvalidator
(rule, value, callback)
elseif(
!(/^\d$/
.test
(value)))
else},
//18位組織機構**校驗
orgcodevalidator
(rule, value, callback)
elseif(
!(/^[^_iozsva-z\w]\d[^_iozsva-z\w]$/
.test
(value)))
else},
//傳真校驗
faxvalidator
(rule, value, callback)
elseif(
!(/^(\d-)?\d$/
.test
(value)))
else},
postcodevalidator
(rule, value, callback)
elseif(
!(/^[1-9][0-9]$/
.test
(value)))
else},
//20個中文校驗
codelengthvalidator
(rule, value, callback)
else
if(value.length >20)
else},
//正數校驗
positivenumvalidator
(rule, value, callback)
elseif(
!(/^([1-9][0-9]*)$/
.test
(value)))
else},
//小於100的正數校驗
positivenumvalidator2
(rule, value, callback)
elseif(
!(/^([1-9][0-9]*)$/
.test
(value)))
else
if(value >=
100)
else},
/** * 非空檢驗 true 非空 false 不為空
*/validatenotempty
(rule, value, callback)
else
if(value instanceof
array
)else
}else
if(value instanceof
object
) callback &&
callback
(new
error
(message));
}else
return flag ;},
// 數字和字母組成的6-16位密碼校驗
positivepswvalidator
(rule, value, callback)
elseif(
!(/^[0-9a-za-z]$/
.test
(value)))
else},
// 車牌號校驗
platevalidator
(rule, value, callback)
elseif(
!(/^(([京津滬渝冀豫雲遼黑湘皖魯新蘇浙贛鄂桂甘晉蒙陝吉閩貴粵青藏川寧瓊使領][a-z](([0-9][df])|([df]([a-hj-np-z0-9])[0-9])))|([京津滬渝冀豫雲遼黑湘皖魯新蘇浙贛鄂桂甘晉蒙陝吉閩貴粵青藏川寧瓊使領][a-z][a-hj-np-z0-9][a-hj-np-z0-9掛學警港澳使領]))$/
.test
(value)))
else},
// 省市區級聯選擇校驗
regionvalidator
(rule, value, callback)
elseif(
!value || value.length ==0)
else
}}

vue elementUI專案搭建

安裝node 基於node之npm環境下操作vue，所以先部署node 安裝gitwget http 7 extras x86 64 packages epel release 7 11.noarch.rpm yum install y epel release 7 11.noarch.rpm yu...

重置表單（vue elementui）

第一種 在methods下的具體方法中直接乙個乙個地將表單繫結的值賦值為空 最笨的方法，只適用於僅幾個繫結值的情況下 第二種 elementui官網的方法 從這裡直接進入官網表單相關位置 model ruleform rules rules ref ruleform label width 100p...

vue elementUi許可權管理

第一次摸索著完成vue的許可權管理，在此記錄下自己搬磚的點點滴滴，希望以後回望的時候，有跡可循，也分享給需要的小夥伴們，參考哦 思路如下 1，登入成功後，把後台返回的使用者資訊，存vuex的state 2，vuex的actions調介面，返回資料後，賦值給state，然後呼叫遞迴，來把返回的資料處理...