Question

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

如果我尝试输入100，那么textbox不应该接受它。谢谢你

Answer 1

请找到工作小提琴

 $("#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

Numeric Textbox Demo

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>

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

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

2 个答案: