html - Texbox 限制字符和符号，只允许只有一位小数的数值

Question

Texbox 限制输入字符和符号，只允许数字值只有一个小数点。最大长度 4 和一个小数点后的值。例如：.2,12.3,1444 这是 html 中的代码，只允许一个小数点文本框：

 <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;
        }

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

Answer 1

请检查此链接- 验证仅允许浮点数的输入字段...

$(function(){

    $('.float-input').keyup(function(e){
      var entered_value = $(this).val();
      var regexPattern = /^\d{0,8}(\.\d{1,2})?$/;         
      //Allow only Number as well 0nly 2 digit after dot(.)

      if(regexPattern.test(entered_value)) {
          $(this).css('background-color', 'white');
          $('.err-msg').html('');
      } else {
          $(this).css('background-color', 'red');
          $('.err-msg').html('Enter a valid Decimal Number');
      }
    });

});