国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

input限制輸入小數點后兩位(vue版本)

NSFish / 589人閱讀

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

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

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

這樣已經可以實現需求了,不過體驗上還是有一點怪,在輸入不匹配時光標會閃動,最佳的體驗應該是在keyup中將不匹配的按鍵直接return,不過這樣需要額外判斷一下backspace、delete、——>、<——等,不知各位大佬是怎么實現的,歡迎評論!!
附:關于input的都可以交流呀

文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。

轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/93423.html

相關文章

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

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

    iOS122 評論0 收藏0
  • 代碼片段之jQuery控制input只能輸入數字和兩位小數

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

    MingjunYang 評論0 收藏0
  • 第十集: 從零開始實現一套pc端vue的ui組件庫( 計數器組件 )

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

    Sanchi 評論0 收藏0
  • 第十集: 從零開始實現一套pc端vue的ui組件庫( 計數器組件 )

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

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

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

    mudiyouyou 評論0 收藏0

發表評論

0條評論

最新活動
閱讀需要支付1元查看
<