Question

以下是html中的代码，只允许文本框中的一个小数点：

<html>
<head>

 <script type="text/javascript" language="javascript"> 

    function isNumberKey(evt) { 
         var charCode = (evt.charCode) ? evt.which : event.keyCode


         if (charCode > 31 && (charCode < 48 || charCode > 57) && charCode != 46) 
             return false; 
         else { 
         var input = document.getElementById("txtChar").value;
             var len = document.getElementById("txtChar").value.length; 
             var index = document.getElementById("txtChar").value.indexOf('.'); 

             if (index > 0 && charCode == 46) { 
                 return false; 
             } 
             if (index >0 || index==0) { 
                 var CharAfterdot = (len + 1) - index; 
                 if (CharAfterdot > 2) { 

                     return false; 
                 } 

        }

    if (charCode == 46 && input.split('.').length >1) {
        return false;
        }


         } 
         return true; 
      } 
      </script> 


</head>
<body>
<input type="text" id="txtChar" onkeypress="return isNumberKey(event)"  name="txtChar" class="CsstxtChar" maxlength="4"/>
</body>
</html>

我想在asp.net中使用c＃完成此操作。此代码在asp.net中无法正常工作。

Answer 1

使用它会有帮助....

$('.urInputField').keyup(function(e){
  var val = $(this).val();
  var regexTest = /^\d{0,8}(\.\d{1,2})?$/;
  var ok = regexTest.test(val);
  if(ok) {
      $(this).css('background-color', 'green');
  } else {
      $(this).css('background-color', 'red');
  }
});

Answer 2

控件的id可能与您在asp.net源中输入的内容不同，例如，当您使用父子控件或使用母版页时......，因此，您不能简单地使用document.getElementById。

因为我看到你的代码不只是阻止非数字键，因为其他人建议重复的解决方案，但它也阻止退格键或箭头键，并限制小数点后的位数，这样只允许一位数点后。我不会更改您在代码中使用的自定义算法。

此代码获取源元素，该元素导致来自事件参数的按键：

    <script type="text/javascript" language="javascript">

    function isNumberKey(event) {
        var e = event || window.event;
        var src = e.srcElement || e.target;
        var charCode = e.which || e.keyCode || e.charCode;
    //document.getElementById("label").value = src.id; //just for test/debug

        if (charCode > 31 && (charCode < 48 || charCode > 57) && charCode != 46)
            return false;
        else 
        {
            var input = src.value;
            var len = input.length;
            var index = input.indexOf('.');

            if (index > 0 && charCode == 46) return false;

            if (index > 0 || index == 0) {
                var CharAfterdot = (len + 1) - index;
                if (CharAfterdot > 2) return false;
            }

            if (charCode == 46 && input.split('.').length > 1) {
                return false;
            }

        }

        return true;
    }
  </script>

Answer 3

使用此源将适用于浮点数

function isNumber（evt）{

evt = (evt) ? evt : window.event;
var charCode = (evt.which) ? evt.which : evt.keyCode;

if (charCode != 46 && charCode > 31 && (charCode < 48 || charCode > 57)) {
    return false;
}
return true;

}

感谢Vamsi

文本框仅允许浮点数

3 个答案: