限制输入文本框的正则表达式答案

【问题标题】：Regular Expression to restrict from entering into textbox限制输入文本框的正则表达式
【发布时间】：2016-10-21 18:39:23
【问题描述】：

大家

我正在处理一个示例 MVC4 项目，在这里我试图通过将值与正则表达式进行比较来确保如果输入的文本不等于十进制值（精度 7 和小数位数 2），用户不能键入任何内容.

但即使正则表达式测试失败，我也无法限制用户进入。

请找到下面的代码并告诉我。

@Html.TextBoxFor(m => m.inFormModel[count].Unit, new { @type = "number", 
@step = "0.01", @max = "6", @onkeyup = "return isNumberKey(event, this);"})

下面是我的javascript代码

<script type="text/javascript">
function isNumberKey(evt, text) {
    var re = /^(\d{0,5}\.\d{0,2}|\d{0,5}|\.\d{0,2})$/;
    var typedValue = parseFloat(text.value);
    typedValue = typedValue.toFixed(2);
    if (re.test(typedValue) == false)
    {
        alert("does not match");
        return false;
    }
    else
    {
        alert("does match");
        return true;
    }
</script>

而且我知道我们可以通过 MVC 模型注释进行验证，但我想限制用户进入。

提前致谢。

【问题讨论】：

Disable some characters from input field的可能重复

标签： javascript c# asp.net-mvc-4

【解决方案1】：

目前还不是很清楚您要完成什么，但我会进行有根据的猜测，并说您希望文本框仅接受数值。通过将类型设置为数字，您可以限制非法字符的键盘输入，但您可能担心有人粘贴不好的东西。

无论哪种方式，您都想使用 keydown 事件另外，请注意您粘贴的代码缺少右括号。

这是一个可能的解决方案。这是我快速整理出来的东西，所以我相信它可以改进，但你会得到大致的想法：

function isNumberKey(evt, text) 
{       
    if(!isAllowedKey(evt.keyCode)) 
    {
        var existingText = (text.value == null || text.value == "") ? "" : text.value;
        var tentativeValue = existingText + evt.key;
        var result = isNumeric(tentativeValue);         
        return result;
    }    
}

function isNumeric(n) 
{
    return !isNaN(parseFloat(n)) && isFinite(n);
}

function isAllowedKey(keyCode)
{
    var allowedKeys = [13,9,37,39, 46, 8, 16]; //Enter, tab, left, right, period, backspace, shift
    for(i = 0; i < allowedKeys.length; i++)
    {
        if(keyCode == allowedKeys[i])
            return true;
    }
    return false;
}

这是一个有效的小提琴：

https://jsfiddle.net/970oajaj/35/

【讨论】：