jQueryeasyui的validatebox校驗(yàn)規(guī)則擴(kuò)展及easyui校驗(yàn)框validatebox用法_jquery

Web前端數(shù)據(jù)校驗(yàn)組件

Web項(xiàng)目中客戶端與服務(wù)端的交互離不開Form表單，F(xiàn)orm表單中最常用的元素莫過于input標(biāo)簽，input標(biāo)簽首先要用的肯定是text文本框啦！

input文本框允許用戶任意輸入，難免會(huì)會(huì)有用戶輸入一些不符合規(guī)定的數(shù)據(jù)，此時(shí)，在提交之前對(duì)數(shù)據(jù)校驗(yàn)是很有必要的，如果等到提交到服務(wù)端再校驗(yàn)就會(huì)大大降低用戶體驗(yàn)啦。

前端校驗(yàn)有很多現(xiàn)成的組件，比較好用的有 EasyUI 的 validatebox 插件，提示界面做的相當(dāng)友好，只是validatebox 默認(rèn)提供的校驗(yàn)規(guī)則比較有限，有時(shí)我們需要添加自己的校驗(yàn)規(guī)則。

自定義校驗(yàn)規(guī)則

添加新的校驗(yàn)規(guī)則時(shí)最好不要在EasyUI的源文件中進(jìn)行，第一是避免因誤操作而導(dǎo)致污染了EasyUi源碼，更重要的是考慮到以后容易進(jìn)行組件升級(jí)。所以最合理的辦法是單獨(dú)寫自己的擴(kuò)展文件。

比如：我在原有規(guī)則的基礎(chǔ)上新增了以下三項(xiàng)校驗(yàn)，單獨(dú)文件 easyui-extend-rcm.js：

自定義規(guī)則使用方式

在中除了引入EasyUI的文件之外，還要引入自己的擴(kuò)展文件，順序在EasyUI文件之后：

聲明：本網(wǎng)頁內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

jQueryeasyui的validatebox校驗(yàn)規(guī)則擴(kuò)展及easyui校驗(yàn)框validatebox用法_jquery

jQueryeasyui的validatebox校驗(yàn)規(guī)則擴(kuò)展及easyui校驗(yàn)框validatebox用法_jquery:先給大家分享數(shù)據(jù)校驗(yàn)顯示效果 Web前端數(shù)據(jù)校驗(yàn)組件 Web項(xiàng)目中客戶端與服務(wù)端的交互離不開Form表單，F(xiàn)orm表單中最常用的元素莫過于input標(biāo)簽，input標(biāo)簽首先要用的肯定是text文本框啦！ input文本框允許用戶任意輸入，難免會(huì)會(huì)有用戶輸入一些不符合規(guī)定的數(shù)

推薦度：

點(diǎn)擊下載本文 文檔為doc格式