Vue使用rules對錶單字段進行校驗

2022-07-21 22:45:25 字數 1524 閱讀 5181

歡迎一起討論

geooo的個人部落格:

環境:基於 vue + elementui

el-input>

el-form-item>

el-input>

el-form-item>

el-input>

el-form-item>

el-input>

el-form-item>

el-form>

建立乙個約束函式( validate.js ) 定義驗證規則

/* 是否是公司郵箱*/

export function iswscnemail(str)

/* 合法uri*/

export function validateurl(textval) |[1-9][0-9]?)(\.(25[0-5]|2[0-4][0-9]|1[0-9]|[1-9]?[0-9]))|([a-za-z0-9-]+\.)*[a-za-z0-9-]+\.(com|edu|gov|int|mil|net|org|biz|arpa|info|name|pro|aero|coop|museum|[a-za-z]))(:[0-9]+)*(\/($|[a-za-z0-9.,?'\\+&%$#=~_-]+))*$/;

return urlregex.test(textval);

}// 驗證是否整數

export function isinteger(rule, value, callback)

settimeout(() => else else

}}, 1000);

}// 驗證是否是[0-1]的小數

export function isdecimal(rule, value, callback)

settimeout(() => else else

}}, 1000);

}// 驗證埠是否在[0,65535]之間

export function isport(rule, value, callback)

settimeout(() => else |[1-9]\d|[1-5]\d|6[0-4]\d|65[0-4]\d|655[0-2]\d|6553[0-5])$/;

const rscheck = re.test(value);

if (!rscheck) else

}}, 1000);

}/* 小寫字母*/

export function validatelowercase(str)

import  from '../../util/validate.js'; //引入規則驗證js

export default ,

rules: ,],

name: [, trigger: 'blur'}],

sort: [,],

count: [, ]},}

}

表單字段校驗

字段校驗唯一 controlle層中 檢驗視窗編號是否重複 param winnum 視窗編號 param id 視窗id return responsebody public boolean checkusername integer winnum,integer id 2 service層中直接...

php表單字段

在上一章節我們已經介紹了表的驗證規則,我們可以看到 name e mail 和 gender 欄位是必須的,各欄位不能為空。字段驗證規則 name 必需。只能包含字母和空格 e mail 必需。必需包含乙個有效的電子郵件位址 包含 和 website 可選。如果存在,它必須包含乙個有效的url co...

vue的rules表單驗證

在前端頁面開發中,經常需要用到表單驗證啊什麼的,現在試試vue提供的表單驗證 有可能是element ui的,我不太清楚 首先,看一下效果 怎麼樣,感覺還可以吧。ok,讓我們看一下實現流程。1.自定義驗證方法 驗證規則需要自己定義,當然,如果預設只需要判空的話,完全不用理會,可以直接上,此處,我是新...