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

iOS122 發布于2019-08-26 13:48 / 1986人閱讀

摘要：前言做為一個，難免會遇到那種表單中限制輸入的問題，比如，限制空格的輸入，只允許輸入數字，以及小數點的控制等等，這里，我們就說一下數字的限制。

前言

做為一個PHPER，難免會遇到那種表單中jQuery限制輸入的問題，比如，限制空格的輸入，只允許輸入數字，以及小數點的控制等等，這里，我們就說一下數字的限制。

jquery代碼

話不多說，直接先上jQuery函數，具體的可以看注釋說明，在使用這個之前，請務必保證已經提前引入了jQuery庫，大家可以自己下載一個jQuery文件，然后引入，也可以查找CDN地址引入，比如在https://www.bootcdn.cn/jquery/可以查找到很多版本的引入地址，直接找到你想要的引入就行。

函數的直接用法之onkeyup

在input表單輸入中，限制最多只能保留兩位小數點，其他自動抹掉；這里會用到onkeyup事件，也就是onkeyup事件會在鍵盤按鍵被松開時發生，也就是，這個時候調用我們的函數，來處理已輸入的內容。

元

函數的直接用法之blur

除了上面的監控鍵盤事件外，還可以通過監控表單的焦點事件來實現，也就是，表單都有獲得焦點事件focus和失去焦點事件blur，我們只需要在失去焦點的時候，調用我們的format_input_num函數就可以了，具體如下：

元

或者不在表單中直接綁定方法，而是去jQuery中通過查找元素節點，然后多帶帶綁定相應的事件，并執行相關函數

元

其他輸入限制

限制只能輸入數字的寫法，也就是，只能輸入0-9的數字

限制只能輸入數字、字母和橫線"-"，其中字母包括大小寫

當然了，還有其他很多校驗規則，可以自己根據實際需求進行修改和嘗試一下

最后

這就是我分享CODING過程中的一些代碼片段，有不對或者需要優化的地方，大家可以給我留言。

感謝http://www.cnblogs.com/angto64/p/5459496.html

GPU云服務器云服務器 php數字兩位小數 js只能輸入小數 php數字兩位小數點 asp只能輸入數字

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

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

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

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

MingjunYang 2019-07-01 12:47 評論0 收藏0
js控制input框只能輸入數字和一位小數點且小數點后面只有兩位小數

摘要：控制框只能輸入數字和一位小數點且小數點后面只有兩位小數控制框只能輸入數字和一位小數點且小數點后面只有兩位小數或過濾清除數字和以外的字符只保留第一個清除多余的只能輸入兩個小數如果沒有小數點，不能為類似的金額如果有小數點，不能為類似的金額如 js控制input框只能輸入數字和一位小數點且小數點后面只有兩位小數 js控制input框只能輸入數字和一位小數點且小數點后面只有兩位小數212或 0...

gyl_coder 2019-08-23 16:14 評論0 收藏0
input輸入框只能輸入數字，只能輸入字母數字組合

摘要：輸入大小寫字母數字下劃線輸入小寫字母數字下劃線輸入數字和點輸入中文輸入數字輸入英文輸入中文數字英文輸入數字和字母除了英文的標點符號以外，其他的都可以中文，英文字母，數字，中文標點只能輸入數字代碼小數點也不能輸入只能輸入數字能輸輸入大小寫字母、數字、下劃線：輸入小寫字母、數字、下劃線：輸入數字和點輸入中文: 輸入數字: 輸入英文...

BakerJ 2019-08-20 14:18 評論0 收藏0