HTML文本框限制在十進制輸入

我有一個HTML文本框，我想限制小數點後的數字爲4. 操作後可以使用toFixed（）來實現，但用戶輸入文本時有任何方法出。HTML文本框限制在十進制輸入

請指導我。

2011-11-04 Premanshu

你試過REGEX了嗎？

正則表達式看起來像 /^[0-9]+.[0-9]{4}$/ 其中{4}說長後.將4

定義正則表達式： var regex1=/^[0-9]+.[0-9]{4}$/;var yourtextfromTextBox= textBox.text();yourtextfromTextBox.match(regex1); 試試這個

來源

2011-11-04 06:56:59

由於Akshay..But該最小四次匹配。 – Premanshu

嗨Akshay， /^[0-9]+.[0-9]{0,4}$/ 解決了問題... 非常感謝你們所有人。 – Premanshu

如果是這種情況，您必須使用'test'而不是'match'。 –

您可以使用onkeyup="yourFunction"函數來做到這一點。

來源

2011-11-04 06:51:32 Dipen

只是一個想法：jsFiddle live demo

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
    <title>Round to 4 Decimal Places</title> 
    <script type="text/javascript" src="http://ajax.microsoft.com/ajax/jQuery/jquery-1.4.2.min.js"></script> 
    <script type="text/javascript"> 
     $(function() { 
      $('#input').keypress(function(){ 
       try { 
        val = $(this).val().split('.'); 
        if(val[1] > 999) return false; 
       }catch(e){} 
      }) 
     }); 
    </script> 
</head> 
<body> 
    <p>Type a decimal number in the TextBox, limited to 4 decimals</p> 
    <input id="input" type="text" /> 
</body> 
</html>

當然，這隻適用於.，這個公司通過只允許數字進行改進，並檢查,。

來源

2011-11-04 07:14:57 enloz

這裏有一個例子：http://jsfiddle.net/Regisc/5yber/

這使用正則表達式驗證輸入的內容，並利用this function以CARRET考慮。

下鉻（DEV）測試

來源

2011-11-04 07:18:34

 function decimal_only(e) { 

     var charCode = (e.which) ? e.which : window.event.keyCode 
     if (charCode != 46 && charCode > 31 && (charCode < 48 || charCode > 57)) { 
      return false; 
     } 

     if (charCode == 46) { //Now Check The Decimal only allow 1 decimal 
      if (e.value.indexOf('.') > -1) { 
       return false; 
      } 
     } 
     return true; 
    }

使用上的文本框事件onkeypress事件此功能。

像

onkeypress事件= 「返回decimal_only（這）」

這將只允許1位小數和整數值，以用戶

來源

2014-09-30 05:48:22

HTML文本框限制在十進制輸入

回答

相關問題