Question

我正在尝试创建一个只接受两个整数和两个小数的文本框（如78.23）。但是当按键在网页上时，文本框不显示小数。只允许两个小数点（40.02），后点只允许两位数，而如果用户指向（。）

则输入数字

    var upfront = $(parentRow).find("input[name$='upfront-value']")//.removeClass("number-02");
    $(upfront).unbind('keypress');
    $(upfront).removeClass("number2-02");
    $(upfront).removeClass("numberonly");
    $(upfront).addClass("number2-02");          
    $(upfront).removeAttr('maxLength');
    $(upfront).val("");

Answer 1

您可以在HTML中的输入标记中定义如下：

<input name="something" class="something" step="0.01" size="10" id="something" type="number">

使用step和size属性。

Answer 2

使用此jquery插件可以帮助您。

https://raw.githubusercontent.com/digitalBush/jquery.maskedinput/1.4.0/dist/jquery.maskedinput.min.js

“99.99”此字符串表示您想要的格式。

<input type='text' id='num'>
$("#num").mask("99.99");

Answer 3

使用它。我认为这对你有帮助。它只允许两位数值当TextBox如果焦点不取1位数值并显示错误消息

$( function() {
    $('.two-digits').focusout(function(){
       var v=$(this).val();
        if(v.length >1){

            console.log(v.length);
            $("#show_error").hide();
        }else{
          $(this).val("");
            $("#show_error").show();
        }
    });
});

Html代码：

<input type="text" name="one" class="two-digits"><br>
    <p id="show_error">Only Two Digit Value Allow</p>

Click to Demo

文本框不显示小数点

3 个答案: