只有位數在Javascript中具有唯一小數點的TextField

Question

我可以在Javascript中開發以下代碼，該代碼只允許指定HTML的數字TextField。

function isNumberKey(evt) 
{ 
    var charCode = (evt.which) ? evt.which : event.keyCode; 
    if (charCode > 31 && (charCode < 48 || charCode > 57)) 
    { 
     return false; 
    } 
    return true; 
} 

<input type='text' id='textField' name='textField' onkeypress="return isNumberKey(event);"> 

，但我需要讓一個且只有一個小數點（。）被輸入到TextField。我嘗試了一些方法，但是我沒有編寫可以滿足這個要求的代碼。我怎樣才能只允許獨特的小數點以及給定的TextField？

Answer 1

你能試用此Javascript嗎？它適用於我的情況：

var decimalPointCount = 0; 
     function checkInputData(evt) { 
      var charCode = (evt.which) ? evt.which : event.keyCode; 
      if (charCode > 31 && (charCode < 48 || charCode > 57)) { 
       if (charCode == 46 && decimalPointCount == 0) { 
        decimalPointCount++; 
        return true; 
       } 
       else { 
        return false; 
       } 
      } 
      return true; 
     } 

Answer 2

你可以嘗試用這個JavaScript，

<script type="text/javascript"> 
    function isNumberKey(evt) 
    { 
var charCode; 
if(evt.keyCode) //For IE 
    charCode = evt.keyCode; 
else if(evt.Which) 
    charCode = evt.Which; // For FireFox 
else 
    charCode = evt.charCode; // Other Browser 

    //var charCode = (evt.which) ? evt.which : event.keyCode; 
    return (charCode<=31 || charCode==46 || (charCode>=48 && charCode<=57)); 
    } 

    function validCurrency(txt) 
    { 
     return txt.match(/^\d*(.\d{0,2})?$/); 
    } 

    function validateForm(formObj) 
    { 
    if(!validCurrency(document.getElementById('textField').value)) 
    { 
     document.getElementById('textField').select(); 
     document.getElementById('textField').focus(); 
     return false; 
    } 
    return true; 
    } 
</script> 

<form name="form1" action="" onsubmit="return validateForm(this);"> 
    Amount: <input type='text' id='textField' name='textField' onkeypress="return isNumberKey(event);"> 

    <button type="submit">submit</button> 
</form> 

將只允許數字有獨特的小數點一起。