仅验证 22.22 格式的数字的文本框

Question

我需要在jquery或html中验证文本框，仅适用于数字。不允许输入大于 99.99 的数字如果我输入数字 54，则文本框应显示 54.00如果我输入数字 54。然后文本框应显示 54.00如果我输入数字 54.0，则文本框应显示 54.00

如果我尝试输入 100，那么文本框不应该接受它。谢谢

Answer 1

请找到工作小提琴

JSFiddle

 $("#quantity").blur(function (e) {
 if(+this.value >= 100){
         $("#errmsg").html("Enter less than 100").show().fadeOut("slow");
       $(this).val(99.00)
     }
  else{
   $(this).val(parseFloat(this.value).toFixed(2));
  }
})

或者您可以使用Jquery UI Plugin

数字文本框演示

Answer 2

下面的代码接受数字并将其验证为小数;

Enter Decimal Number:<input type="text" name="num"> 
<input type="submit" value="Check" onclick="isDecimal()">

将以下内容粘贴到页面标题标签中：

<script type="text/javascript" language="javascript">
    function isDecimal(str) {
        str = document.getElementById('num').value;
        if (isNaN(str) || str.indexOf(".") < 0) {
            alert("Invalid");
        }
        else {
            str = parseFloat(str);
            document.getElementById('num').value = str;
            if (str > 99.99) {
                alert("must be less than 99.99");
            }
        }
    }
    function validate() {
        var dec = document.form.num.value;
        if (dec == "") {
            alert("Please enter Decimal.");
            form.num.focus();
            return false;
        }
        if (isDecimal(dec) == false) {
            num = "";
            form.num.focus();
            return false;
        }
        return true;
    }
</script>

上面将数字验证为整数，并将文本更改为十进制。