使用 replace 删除正则表达式匹配中不存在的字符

Question

我正在尝试允许使用 javascript 正则表达式的单个 html 输入框的以下模式

• -int（又名任何负数，只要它后面没有零并且位于第一个位置）
• 0（允许单个零）
• 整数（允许）

我使用这个 function 删除任何不匹配的东西

    $('.dointcheck').live('keyup',
        function () {
            $(this).val($(this).val().replace((/^((?!:([1-9-]?[0-9])).)/g), ''));
            if ($(this).val().length == 0) {
                $(this).val(0);
            }
        }); 

这是行不通的。 其他例子是：

1. /[^-0-9]/g它会删除任何无效字符，但不会检查减号是否为开头且后跟零。 它允许在字符串中的任何地方减号
2. (/^((?:?([1-9-].[0-9])).)/g一个都不允许。
3. [^1-9-]?[^0-9] * 允许所有...

我想我遗漏了一些东西..任何建议将不胜感激..

Answer 1

我更改了您的正则表达式并使其更加模块化并且运行良好。

function toValidNumber(int) {
  return (/^\s*[+-]?(\d+|\d*\.\d+|\d+\.\d*)([Ee][+-]?\d+)?\s*$/).test(int) ? int : 0;
}

$('.dointcheck').live('keyup',
  function () {
    $(this).val(toValidNumber($(this).val()));
  }); 

Stackoverflow 中的原始 RegEXP

Answer 2

你可以试试这个正则表达式

^(0).*|^(-?)([1-9]\d*)?.*|^.*

输入后替换为$1$2$3

 document.querySelector('input').addEventListener('input', ({ target }) => target.value = target.value.replace(/^(0).*|^(-)?([1-9]\d*)?.*|^.*/g, '$1$2$3'));

 <input />

它有三个测试：

^(0).*               // if it starts with 0, discard everything after it
^(-)?([1-9]\d*)?.*   // otherwise it can only starts with a -, or any number that is not a 0. Then followed by other digits, then discard everything after it
^.*                  // if previous rules are not matched, discard everything

简而言之：

• 通常只允许- , 0-9 。
• 如果您先输入0 ，则之后将不允许输入任何内容。
• 如果您先输入1-9 ，则后面只允许输入数字。
• 如果您先输入- ，则接下来只允许输入1-9 ，然后输入任何数字。