iview必備技能1、表單驗證規則

iView表單組件使用async-validator驗證器對錶單域中數據進行驗證，給
Form 設置屬性 rules，同時給須要驗證的 FormItem 設置屬性 prop 指向對應字段便可。 完整的驗證規則請參照開源項目 async-validator。 驗證方法也支持 Promise。
當咱們對錶單中某個string類型的域設置爲必填時，咱們能夠使用以下規則

{type: 'string' ,required:true,message:'不能爲空'}

可是若是咱們直接輸入空格也會經過驗證
如何對輸入的空格進行驗證?
下面介紹兩種方法：
方法一：在表單域的標籤上綁定時使用v-model.trim代替v-model

例如

<form-item label=" 姓名 " prop="name">
  <i-input v-model.trim="name" placeholder="請填寫姓名" size="small">
  </i-input>
</form-item>

使用這種方法會直接將首尾空格trim掉，表單提交時的數據是沒有首尾空格的，若是想保留首尾空格，能夠使用方法二。

方法二：在驗證規則上加上transform函數
例如

{type: 'string' ,transform:value=>value?value.trim():'',required:true,message:'不能爲空'}

transform函數是在驗證時對數據進行預處理的函數(處理後的結果僅用做驗證)，不會改變表單的數據。

 

 

vue+iview的form表單校驗總結    http://www.javashuo.com/article/p-bwrrzsry-ec.html

 

https://www.jianshu.com/p/7da7b06fb257

https://blog.csdn.net/ztx114/article/details/92806695

 

https://www.jianshu.com/p/550f2a74094a

 

 

驗證數字的正則表達式集 
驗證數字：^[0-9]*$ 
驗證n位的數字：^\d{n}$ 
驗證至少n位數字：^\d{n,}$ 
驗證m-n位的數字：^\d{m,n}$ 
驗證零和非零開頭的數字：^(0|[1-9][0-9]*)$ 
驗證有兩位小數的正實數：^[0-9]+(.[0-9]{2})?$ 
驗證有1-3位小數的正實數：^[0-9]+(.[0-9]{1,3})?$ 
驗證非零的正整數：^\+?[1-9][0-9]*$ 
驗證非零的負整數：^\-[1-9][0-9]*$ 
驗證非負整數（正整數 + 0） ^\d+$ 
驗證非正整數（負整數 + 0） ^((-\d+)|(0+))$ 
驗證長度爲3的字符：^.{3}$ 
驗證由26個英文字母組成的字符串：^[A-Za-z]+$ 
驗證由26個大寫英文字母組成的字符串：^[A-Z]+$ 
驗證由26個小寫英文字母組成的字符串：^[a-z]+$ 
驗證由數字和26個英文字母組成的字符串：^[A-Za-z0-9]+$ 
驗證由數字、26個英文字母或者下劃線組成的字符串：^\w+$ 
驗證用戶密碼:^[a-zA-Z]\w{5,17}$ 正確格式爲：以字母開頭，長度在6-18之間，只能包含字符、數字和下劃線。 
驗證是否含有 ^%&',;=?$\" 等字符：[^%&',;=?$\x22]+ 
驗證漢字：^[\u4e00-\u9fa5],{0,}$ 
驗證Email地址：/^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/
驗證InternetURL：^http://([\w-]+\.)+[\w-]+(/[\w-./?%&=]*)?$ ；^[a-zA-z]+://(w+(-w+)*)(.(w+(-w+)*))*(?S*)?$ 
驗證電話號碼：^(\(\d{3,4}\)|\d{3,4}-)?\d{7,8}$：--正確格式爲：XXXX-XXXXXXX，XXXX-XXXXXXXX，XXX-XXXXXXX，XXX-XXXXXXXX，XXXXXXX，XXXXXXXX。 
驗證身份證號（15位或18位數字）：^\d{15}|\d{}18$ 
驗證一年的12個月：^(0?[1-9]|1[0-2])$ 正確格式爲：「01」-「09」和「1」「12」 
驗證一個月的31天：^((0?[1-9])|((1|2)[0-9])|30|31)$ 正確格式爲：0一、09和一、31。 
整數：^-?\d+$ 
非負浮點數（正浮點數 + 0）：^\d+(\.\d+)?$ 
正浮點數 ^(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*))$ 
非正浮點數（負浮點數 + 0） ^((-\d+(\.\d+)?)|(0+(\.0+)?))$ 
負浮點數 ^(-(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*)))$ 
浮點數 ^(-?\d+)(\.\d+)?$