前言
? ? 現(xiàn)在前端的各種插件,不管是數(shù)量還是類型,都可以用數(shù)不勝數(shù)來形容了。
? ? 對于表單輸入驗證這一塊,網(wǎng)上隨便一搜,也是各種實現(xiàn)代碼和插件等等的文章。
? ? 插件雖然好用,但是有時候我們需要的往往只是其中的一小個功能塊,卻不得已要把整個一大坨的插件代碼引進去,這過程前,過程中,以及過程后,心里多多少少會 感覺不爽不開心不完美。
嗖嗖嗖
? ? 個人 水平有限,高端大氣上檔次的代碼擼不出來,但是日常中,那種重復性的,能共用的,或者一些簡單的工具性的代碼,還是比較喜歡去折騰的,畢竟懶人。
? ? 最近要input文本框弄一個強制輸入,input標簽都是散亂在頁面中的,也懶得麻煩,所以就沒有搞form了,提交前驗證也比較簡略,所以就在他輸入的時候,給他定死強行只能輸哪些東西。
? ? 強制輸入這個,應(yīng)該都很熟悉,就是這樣的:
? ? <input type="text" onkeyup="this.value=this.value.replace(\/D\, ' ')" />
但是,當頁面上的input標簽越來越多的時候,這種寫法就感覺很心累了,因為你要去每一個上面都加上這東西。
那么,這時我們來觀摩一下一般別人驗證插件里的寫法,發(fā)現(xiàn)一般都是直接在標簽里面加特定和類名和自定義屬性,然后去做驗證。可是,如果我們自己寫的話,類名好加,自定義屬性如果多了,取起來以及對應(yīng)匹配規(guī)則也覺得麻煩(我自己是這么認為的),所以,這里分享一種寫法,大神自動無視就好
html 添加標簽-就加了2個input框,樣式什么的。。。啊,原生樣式能看出來這個是input啊,不影響使用

單獨建一個js文件,把驗證規(guī)則單獨放在這文件里-這里就寫了2個,意思一下,也沒來得及弄多點來測試

最后就是調(diào)用

更多好玩的規(guī)則,按需添加。更多坑爹的要求,慢慢實現(xiàn)。
就是這么多內(nèi)容了,下面沒有底線的