限制小数点前后'n'位的正则表达式

Question

I need a regex for restrict 10 digits before decimal and 2 digits after decimal point. i have tried with this

if (!(/^\d{1,10}(\.$|\.\d{1,2}$|$)/).test(value)) {
  event.preventDefault();
  event.stopPropagation();
}
<input id="input" type="number" />

It is working fine for input type text .But it is not working for type number.

Working Fiddle

Please help me on this

Answer 1

This should work.

if(! (/^[0-9]{10}\.[0-9]{2}$/).test(1234567890.12)) {
}

Just use this regex /^[0-9]{10}\\.[0-9]{2}$/ in your code to verify if value is 10 digits before decimal and 2 after.

Answer 2

Parameters

• oninput : Detect immediate changes to the input tag.
• max : Set the maximum value.
• min : Set the minimum value.
• type : Set what type of input tag you want.
• value : Set the current value.
• step : Set the amount to ascend or descend by.

---

 //(function(object){object.value=parseFloat(object.value).toFixed(2);})(this) //(function(object){var val=object.value;object.value=val.slice(0,val.indexOf('.')+3);})(this) 

 <input id="input" oninput="(function(object){object.value=parseFloat(object.value).toFixed(2);})(this)" type="number" value="0.00" step="0.01" min="0.00" max="9999999999.99" /> 

JSFiddle

Answer 3

To restrict Decimal places before and after decimal this should work:

 function ValidateDecimalInputs(e) { var beforeDecimal =3; var afterDecimal = 2; $('#'+e.id).on('input', function () { this.value = this.value .replace(/[^\\d.]/g, '') .replace(new RegExp("(^[\\\\d]{" + beforeDecimal + "})[\\\\d]", "g"), '$1') .replace(/(\\..*)\\./g, '$1') .replace(new RegExp("(\\\\.[\\\\d]{" + afterDecimal + "}).", "g"), '$1'); }); } 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <input type="text" id = "textBox" onclick="ValidateDecimalInputs(this)"/> 

Answer 4

value=  (value.substr(0, value.indexOf(".")) + value.substr(value.indexOf("."), 2));

this will work as it will give all values before "." and only 2 values after "."

Answer 5

This worked for me, even with number type.

JQuery

$("body").on("keyup", ".patternCheck", function(){
        if(this.value.match(/^[0-9]{1,10}[.]{1}[0-9]{1,2}$/) == null)
        {
            $(this).val($(this).attr("pval"));
        }
        else
        {
            $(this).attr("pval", $(this).val());
        }
    });

HTML

<input type="number" value="0.0" pval="0.0" class="patternCheck">