JavaScript onkeyup regular expression

Question

У меня есть небольшая форма, где пользователи вводят депозит в долларовой сумме. Эта сумма может быть положительной или отрицательной. Я пытаюсь проверить форму каждый раз, когда нажата клавиша для предотвращения ввода букв или символов.

Рассмотрит функцию ниже:

var deposit = document.getElementById("deposit"); 

deposit.onkeyup = function() { 
    var PATTERN = /\d$/; 

    if (!deposit.value.match(PATTERN)) { 
     deposit.value = deposit.value.replace(deposit.value.slice(-1), ""); 
    } 
} 

Это прекрасно работает, и денди, если вы только хочешь, чтобы пользователь мог вводить цифры. Любой другой персонаж будет просто удален. Там, где у меня возникают проблемы, появляется картина, которая будет работать «на лету», чтобы соответствовать положительной или отрицательной валюте (без знака доллара). Пользователи должны иметь возможность ввести необязательный отрицательный знак, по крайней мере одно число, за которым следует десятичная точка, а затем еще 2 числа.

депозит составляет

Пример:

0,09

100,45

4032,34

-0,90

-54,56

-1353,00

Любая помощь, пришедшая с шаблоном или, возможно, даже лучшим методом, будет с благодарностью оценена. Пожалуйста, дайте мне знать, требуется ли более подробная информация.

Answer 1

Вы можете использовать этот шаблон проверки для соответствия этим номерам.

^-?\d+\.\d{2}$

Answer 2

Это должно делать то, что вам требуется:

var PATTERN = /\-?\d+\.\d{2}$/; 

Знак вопроса означает, что это необязательно.

Answer 3

Обратите внимание, что вы не можете сопоставить допустимый (отрицательный) десятичный знак при каждом нажатии клавиши, так как пользователь начинает с знака минус или цифры, которые уже не соответствуют шаблону.

Вам понадобится проверить правильность введенных символов, а другой - проверить, действительно ли значение является допустимым десятичным знаком при отправке или когда пользователь перемещает фокус с поля.

Answer 4

Вот мое окончательное решение. Я действительно смог заставить свою функцию «onkeyup» работать почти так, как хотелось. Хотя он не проверяет форматирование валюты «на лету», он не позволяет вводить буквы и символы, отличные от указанных. Хотя это может быть не идеально, это, безусловно, соответствует моим потребностям в этой маленькой задаче. Спасибо всем, кто внес вклад.

deposit.onkeyup = function() { 
    var PATTERN = /[^0-9-.]/; 

    if (deposit.value.match(PATTERN)) { 
     deposit.value = deposit.value.replace(deposit.value.slice(-1), ""); 
    } 
} 

я затем проверить формат депозита "ONBLUR"

var PATTERN = /\-?\d+\.\d{2}$/; 

    if (!reDeposit.value.match(PATTERN)) { 
     depositError.innerHTML = "Enter a valid amount"; 
    }