簡略式input text框強制輸入

前言

? ? 現(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)容了,下面沒有底線的


?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,544評論 19 139
  • 發(fā)現(xiàn) 關(guān)注 消息 iOS 第三方庫、插件、知名博客總結(jié) 作者大灰狼的小綿羊哥哥關(guān)注 2017.06.26 09:4...
    肇東周閱讀 15,206評論 4 61
  • 有時候呆的可怕,沒有一點氣息,連說話都沒勁,走個平路都感覺累,有時要激情四射,感覺全世界我最大,世界萬物盡在我的掌...
    黃昏讀少年閱讀 220評論 0 0
  • 01 踏青 草長鶯飛,百花盛開,枊枝碧青,正是踏青好時間。春日暖陽,暖風吹拂,幽靜的阡陌小徑,田野花香。 蜜蜂貪戀...
    幸美人閱讀 428評論 0 1
  • 今天的大事兒,我去入職啦。這么多天不工作,還是有那么點兒激動的,到新環(huán)境還是有點兒慌。每到一個新環(huán)境,需要和陌生人...
    王二姐的記事本兒閱讀 136評論 0 0

友情鏈接更多精彩內(nèi)容