表單的自定義校驗規則

2021-09-25 04:30:35 字數 1513 閱讀 8604

在工作中使用得挺多的表單自定義校驗規則的,所以打算記錄下來,以後需要的時候再來檢視.

在utils資料夾下建立check.js檔案,然後就寫自定義校驗規則,在匯出,**如下:

const isvalidusername = (str) => 

const i***ternal = (path) =>

// 校驗手機號碼

/** * 正則:手機號(精確)

* 移動:134(0-8)、135、136、137、138、139、147、150、151、152、157、158、159、178、182、183、184、187、188、198

* 聯通:130、131、132、145、155、156、175、176、185、186、166

* 電信:133、153、173、177、180、181、189、199

* 全球星:1349

* 虛擬運營商:170

**/const checkphone = (rule, value, callback) => else $/.test(value)))) else

}}// 校驗密碼

const checkpassword = (rule, value, callback) => else $/.test(value)))) else

}}// 校驗身份證號碼

const checkidcard = (rule, value, callback) => else $)|(^\d$)|(^\d(\d|x|x)$)/.test(value)))) else

}}// 校驗金額

const checkmoney = (rule, value, callback) => )?$)|(^(0)$)|(^[0-9]\.[0-9]([0-9])?$)/

if (value) else

}}// 校驗數量

const isvalidnumber = (rule, value, callback) => $/

if (value) else

}}// 判斷輸入框是否為空

const isempty = (obj) => else

}// 驗證碼長度

const imgcodelen = (rule, value, callback) => else

}export default

在main.js的入口中把check.js中的方法掛載到全域性

import check from './utils/validate'

//然後掛載到原型鏈上

vue.prototype.checkrule= check

使用方法:

loginrules: ],

password: ,

imgcode:

},

JSP頁面中表單的自定義校驗規則

一 問題描述 在jsp頁面的表單採用validate外掛程式校驗,無法滿足個性化的校驗規則,如身份證 使用者名稱存在等。二 原因分析 validate外掛程式預設的校驗規則較少,無法滿足個性化需求。三 解決措施 以使用者名稱是否存在為例 1 在jsp頁面的裡面編寫自定義校驗規則 2 使用jquery...

layui自定義表單校驗

自定義乙個金額的校驗 charset utf 8 自定義驗證title 自定義驗證legend fieldset class layui form action class layui form item class layui form label 金額label class layui inpu...

element 表單自定義校驗

element 表單自定義校驗備份 涉及開始時間,結束時間,時間間隔 rules rules enddate maintaininterval maintaingrade 對應的規則說明 在data 中return上面宣告對應的規則 const enddaterules rule,value,cal...