欧美一级特黄大片做受成人-亚洲成人一区二区电影-激情熟女一区二区三区-日韩专区欧美专区国产专区

前端制作:非常好用的表單驗(yàn)證插件validate

2023-03-05    分類: 網(wǎng)站建設(shè)

做網(wǎng)站的過程中,大多數(shù)情況下肯定會(huì)應(yīng)用到表單,使用表單讓用戶輸入數(shù)據(jù),收集相關(guān)信息,在這個(gè)過程中為了讓用戶輸入的信息可靠,就會(huì)使用前端的表單驗(yàn)證。目前業(yè)內(nèi)也有很多表單驗(yàn)證工具,更有大多數(shù)人自已寫純js的表單驗(yàn)證。這樣重復(fù)造輪子的事情大可不必一直做的,浪費(fèi)時(shí)間和效率。這里介紹一款非常好用的前端表單驗(yàn)證插件validate,做為一款國外的的表單插件,雖然表使用文檔都是英文,對(duì)國內(nèi)的程序用戶看起來應(yīng)該很吃力。不過網(wǎng)上仍有不少網(wǎng)友提供很多翻譯版本可供使用。使用也很簡,這里介紹一下基本的使用方法。
1、使用$('#formid').validate({})來包含整個(gè)驗(yàn)證類信息,其中formid為表單的id識(shí)別符。
2、debug屬性可以設(shè)置為true,表示啟用調(diào)試信息。
3、rules屬性為規(guī)則json數(shù)組,常用的如:array('require'=>true,'min_length'=>10,'max_length'=>100,'email'=>true),這個(gè)分別表示
require為必填,min_length為最小長度為10個(gè)字符,max_length為大長度為100個(gè)字符,email為必須是郵箱格式。還可以自定義規(guī)則使用jQuery.validator.addMethod('name',function(value, element){})增加新的規(guī)則,增加后,即可在驗(yàn)證規(guī)則中使用。
4、messages為和規(guī)則對(duì)應(yīng)的錯(cuò)誤顯示信息,數(shù)組形式是一樣的,把鍵值修改成錯(cuò)誤信息提示即可。
5、showErrors為當(dāng)不符合驗(yàn)證規(guī)則時(shí)如何顯示錯(cuò)誤信息,一般是直接彈出信息提示用戶,當(dāng)然也是可以在表單域上直接顯示錯(cuò)誤信息的。
6、onkeyup為不驗(yàn)證鍵盤輸入。
7、onfocusout為失去焦點(diǎn)時(shí)不驗(yàn)證。
8、submitHandler為當(dāng)驗(yàn)證通過時(shí),需要執(zhí)行的代碼塊,如使用ajax來提交信息后臺(tái)處理。
需要注意的是,驗(yàn)證規(guī)則和錯(cuò)誤信息文本數(shù)組要使用json數(shù)據(jù)的形式,避免出錯(cuò)。
其中錯(cuò)誤信息提示彈窗這里推薦使用彈窗插入layer,也是一款國人開發(fā)的非常好用的彈窗插件,可以配合表單驗(yàn)證來做出更漂亮的交互效果。
前端制作表單驗(yàn)證插件
下面是具體的驗(yàn)證代碼形式。
作者:創(chuàng)新互聯(lián)嚴(yán)成

新聞標(biāo)題:前端制作:非常好用的表單驗(yàn)證插件validate
網(wǎng)址分享:http://aaarwkj.com/news31/241531.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供定制網(wǎng)站標(biāo)簽優(yōu)化、網(wǎng)站策劃云服務(wù)器、靜態(tài)網(wǎng)站品牌網(wǎng)站制作

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)

h5響應(yīng)式網(wǎng)站建設(shè)
视频久久这里只有精品| 国产高清不卡一二三区| 国产白丝扒开做爽爽爽网站| 午夜91激情福利视频| 一区二区三区国产精品乱码| 久久久人妻精品一区二区三区四区| 亚洲精品国产av一区二区三区| 日韩亚洲精品99综合观看| 91桃色网站在线免费观看| av剧情网址在线观看| 日本熟熟妇丰满人妻啪啪| 日本一区二区电影大全| 亚洲综合成人av在线| 欧美日本一区二区四区| 少妇毛片一区二区三区| 色哟哟在线观看精品一区| 日韩黄色精品中文视频| 亚洲午夜经典一区二区日韩| 国产真实内射在线观看| 日韩不卡的一区免费视频| 一区二区三区特黄色片| 国产一区二区黄色录像| 成人午夜在线免费观看| 亚洲成av人在线观看福利| 国外男女性生活在线视频| 欧美三级欧美一级视频看 | heyzo高清中文字幕在线| 日本啪啪精品一区二区三区| 黄色污网站在线观看免费| 日本激情诱惑免费在线播放| 亚洲另类视频一区二区| 在线观看91高清视频| 天天操天天射夜夜爽| 国产精品深夜在线观看| 亚洲欧美不卡一区二区| 蜜桃成人一区二区三区| 亚洲中少妇久久中文字幕| 色哟哟视频在线免费观看| 日本午夜视频在线观看| 高颜值紧身牛仔裤国产精品| 中文字幕一区侵犯人妻|