Ограничение десятичных знаков JavaScript с помощью RegEx

Файл. символ имеет особое значение в RegEx, поэтому его нужно экранировать.

/^(?:\d*\.\d{1,2}|\d+)$/

Это соответствует 123.45, 123.4, 123 и .2, .24, но не пустая строка, 123., 123.456

. означает в RegEx: любой символ, вы должны поставить перед ним обратную косую черту. \.

Лучше бы:

/^\d+(\.\d{0,2})?$/

Части я включил:

• Перед точкой должно быть не менее 1 числа. Если вы этого не хотите, замените + на *, но тогда также будут сопоставлены пустые строки.
• Если у вас есть десятичные значения, вам нужна точка впереди.
• После числа ничего не должно быть, $ означает конец ввода.

а для заменяемой детали вы также должны добавить точку

f.value.replace(/[^\d\.]/g, "")

Редактировать:

Если это для проверки ввода в реальном времени, почему бы вам просто не перехватить ключевые события и не проверить их достоверность (создав строку в памяти) или просто удалить последний символ в поле?

gs: Это очень близко, но строка

f.value = f.value.replace(/[^\d\.]/g, "");

На самом деле не работает. На самом деле я почему-то теряю фокус текстового поля. Хотя, возможно, это мой код;)

Вы действительно хотите сделать это с помощью регулярного выражения?

function valid(f) {
    if (isNaN(f)){return false;}
    return 100 * f == parseInt(100*f,10);
}

Если нам нужно проверить числовое значение в текстовом поле, где мы хотим предотвратить использование более одного десятичного знака (например, 2..3, .2 и т. д.)

Ниже представлена ​​функция Javascript для этого.

 if (MoreThanOnePoint(document.getElementById("txtNoofHrs").value) == false) {
     alert("Please enter one decimal only");
     document.forms[0].txtNoofHrs.focus();
     return false;
 }

 function MoreThanOnePoint(strString) {
     var strChar;
     var blnResult = true;
     var varcount = 0;

     for (i = 0; i < strString.length && blnResult == true; i++) {

         if (strString.charAt(i) == ".") {
             varcount++;
             if (varcount > 1) {
                 //alert("Please enter one decimal only");
                 blnResult = false;
             }
         }
     }
     return blnResult;
 }

Вы можете использовать функцию javascript вместо регулярного выражения

function IsValid(value) {
    var split = value.split('.');

    if (split.length != 2) {
        return false;
    }
    else if (split[1].length > 2 || !Number(split[1])) {
        return false;
    }
    else if (!(split[0] == '' || split[0] == '0')) {
        return false;
    }

    return true;
}

Регулярное выражение

/^\d+(\.\d{1,2})?$/

JavaScript

function valid(f) {
  if (!f.value) { // Test if text field is empty
    f.value = 0; // Initialize value to 0
    console.info("Valid number"); // Let user know input is OK
  } else if (!/^\d+(\.\d{1,2})?$/.test(f.value)) { // Test regex
    f.value = ""; // Empty the text box
    console.error("invalid number"); // Let user know input is not OK
  } else {
    console.info("Valid number"); // Let user know input is OK
  }
}

document.getElementById("testbutton").addEventListener( // Add event listener to button
  "click",
  valid.bind( // Bind the text field to the `value` function
    this, 
    document.getElementById("testfield")
  )
);

<input id = "testfield" value = "15.1" />
<button id = "testbutton">Test expression</button>

Объяснение

1. / /: начало и конец выражения
2. ^: все, что следует далее, должно быть в начале тестируемой строки
3. \d+: должна быть хотя бы одна цифра
4. ( )?: эта часть не обязательна
5. \.: вот и точка
6. \d{1,2}: здесь должно быть от одной до пяти цифр
7. $: все, что предшествует этому, должно быть в конце тестируемой строки

Кончик

Вы можете использовать regexr.com или regex101.com для тестирования регулярных выражений прямо в браузере!