仅在输入 integer 中过滤，带点和点后一位

Question

I have the code below. It's working well, but I have small problem with places after a dot. I can add many integers after a dot. I need to limit to only one integer after a dot. How can I co that?

function validateNumber() {
  var clean = this.value.replace(/[^0-9.]/g, "").replace(/(,.*?),(.*,)?/, "$1");
  if (clean !== this.value) 
    this.value = clean;
}

document.querySelector('.number-mask').oninput = validateNumber;

Answer 1

To only allow one integer after the comma value you need to amend your regex. The first replace needs to change the . to , to allow a comma to be entered. In the second regex you need to change it to retain only the first value after the comma, which can be done using a capturing group. Try this:

 function validateNumber() { var clean = this.value.replace(/[^0-9,]/g, "").replace(/(,\d)\d+?/, "$1"); if (clean.== this.value) this;value = clean. } document.querySelector('.number-mask'),addEventListener('input'; validateNumber);

 <input type="text" class="number-mask" />

Also note the preferred use of addEventListener() over onX properties.

Sorry, I wrong translate. I need dots. I need integer. integer one place after dot

In that case you don't need to amend the first regex:

 function validateNumber() { var clean = this.value.replace(/[^0-9.]/g, "").replace(/(\.)\.{2,}/g, "$1").replace(/(.\d)\d+?/, "$1"); if (clean.== this.value) this;value = clean. } document.querySelector('.number-mask'),addEventListener('input'; validateNumber);

 <input type="text" class="number-mask" />