成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

input限制輸入小數(shù)點(diǎn)后兩位(vue版本)

NSFish / 604人閱讀

摘要:拋磚引玉上代碼首先想到在事件中正則匹配一下,但是,在輸入錯(cuò)誤格式或非數(shù)字的情況下,會(huì)將整個(gè)輸入框清空,體驗(yàn)很不好限制小數(shù)點(diǎn)后兩位然后我就加了一個(gè)字段,在事件中賦值,然后匹配限制小數(shù)點(diǎn)后兩位這樣已經(jīng)可以實(shí)現(xiàn)需求了,不過體驗(yàn)上還是有一點(diǎn)怪,

拋磚引玉——上代碼
首先想到在input事件中正則匹配一下,但是,在輸入錯(cuò)誤格式或非數(shù)字的情況下,會(huì)將整個(gè)輸入框清空,體驗(yàn)很不好:

然后我就加了一個(gè)字段,在keyup事件中賦值,然后匹配:

這樣已經(jīng)可以實(shí)現(xiàn)需求了,不過體驗(yàn)上還是有一點(diǎn)怪,在輸入不匹配時(shí)光標(biāo)會(huì)閃動(dòng),最佳的體驗(yàn)應(yīng)該是在keyup中將不匹配的按鍵直接return,不過這樣需要額外判斷一下backspace、delete、——>、<——等,不知各位大佬是怎么實(shí)現(xiàn)的,歡迎評(píng)論?。?/h5>
附:關(guān)于input的都可以交流呀

文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/93423.html

相關(guān)文章

  • 代碼片段之jQuery控制input只能輸入數(shù)字和兩位小數(shù)

    摘要:前言做為一個(gè),難免會(huì)遇到那種表單中限制輸入的問題,比如,限制空格的輸入,只允許輸入數(shù)字,以及小數(shù)點(diǎn)的控制等等,這里,我們就說一下數(shù)字的限制。 showImg(https://segmentfault.com/img/remote/1460000019199762?w=1350&h=900); 前言 做為一個(gè)PHPER,難免會(huì)遇到那種表單中jQuery限制輸入的問題,比如,限制空格的輸入...

    iOS122 評(píng)論0 收藏0
  • 代碼片段之jQuery控制input只能輸入數(shù)字和兩位小數(shù)

    摘要:前言做為一個(gè),難免會(huì)遇到那種表單中限制輸入的問題,比如,限制空格的輸入,只允許輸入數(shù)字,以及小數(shù)點(diǎn)的控制等等,這里,我們就說一下數(shù)字的限制。 showImg(https://segmentfault.com/img/remote/1460000019199762?w=1350&h=900); 前言 做為一個(gè)PHPER,難免會(huì)遇到那種表單中jQuery限制輸入的問題,比如,限制空格的輸入...

    MingjunYang 評(píng)論0 收藏0
  • 第十集: 從零開始實(shí)現(xiàn)一套pc端vue的ui組件庫( 計(jì)數(shù)器組件 )

    摘要:第十集從零開始實(shí)現(xiàn)計(jì)數(shù)器組件本集定位聽到計(jì)數(shù)器這個(gè)名字很多人是不是一瞬間沒有什么印象畢竟這個(gè)組件用的比較少就是那種左邊一個(gè)右邊一個(gè)控制某些數(shù)量的時(shí)候才會(huì)用到比如我之前做的商城小程序只有下單頁面的規(guī)格彈出框里面才有他的身影如果是涉及到處理商 第十集: 從零開始實(shí)現(xiàn)( 計(jì)數(shù)器組件 ) 本集定位: 聽到計(jì)數(shù)器這個(gè)名字很多人是不是一瞬間沒有什么印象, 畢竟這個(gè)組件用的比較少,就是那種左邊...

    Sanchi 評(píng)論0 收藏0
  • 第十集: 從零開始實(shí)現(xiàn)一套pc端vue的ui組件庫( 計(jì)數(shù)器組件 )

    摘要:第十集從零開始實(shí)現(xiàn)計(jì)數(shù)器組件本集定位聽到計(jì)數(shù)器這個(gè)名字很多人是不是一瞬間沒有什么印象畢竟這個(gè)組件用的比較少就是那種左邊一個(gè)右邊一個(gè)控制某些數(shù)量的時(shí)候才會(huì)用到比如我之前做的商城小程序只有下單頁面的規(guī)格彈出框里面才有他的身影如果是涉及到處理商 第十集: 從零開始實(shí)現(xiàn)( 計(jì)數(shù)器組件 ) 本集定位: 聽到計(jì)數(shù)器這個(gè)名字很多人是不是一瞬間沒有什么印象, 畢竟這個(gè)組件用的比較少,就是那種左邊...

    Kerr1Gan 評(píng)論0 收藏0
  • 2. Python中的基本輸入、輸出、格式化輸出

    摘要:本文利用的是版本,建議學(xué)習(xí)版本中的基本輸入輸出格式化輸出輸入使用讀取一行,將其轉(zhuǎn)換為類型并返回,的參數(shù)可有可無,如果有參數(shù)的話,會(huì)在控制臺(tái)可以這樣理解輸出參數(shù)的內(nèi)容,不換行。 本文利用的是Python 3.x版本,建議學(xué)習(xí)3.x版本 Python中的基本輸入、輸出、格式化輸出 1. 輸入 使用input([prompt])讀取一行,將其轉(zhuǎn)換為string類型并返回,input的參數(shù)可有...

    mudiyouyou 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<