regex.test(）函数没有给出正确的结果

regex.test() function not giving proper result

本文关键字：结果 test 函数 regex      更新时间：2023-09-26

我想我可以通过显示代码来解释我的疑虑，而不是对它进行解释：：

HTML:

<!DOCTYPE html>
<html lang='en-US'>
    <head>
        <title>Building Web Page for Client</title>
        <meta charset="UTF-8">
        <link rel="stylesheet" type="text/css" href="css.css">
    </head>
    <body>
        <form>
            <label for="message">Enter the banner Message: </label>
            <input type="text" name="userMessage" id="message" maxlength="32"><span></span><!--Form validation help text field--><br />
            <label for="zipcode">Enter the Zip Code: </label>
            <input type="text" name="userZip" id="zipcode" maxlength="5"><span></span><!--Form validation help text field--><br />
        </form>
        <script type="text/javascript" src="javascript.js"></script>
        <div id="testElement"></div>
    </body>
</html>

Javascript：：

//Code block for element declarers for special function checkers
var inputList = document.getElementsByTagName('input');
var zipField = document.getElementById('zipcode');
var regexForZip = /^'d{5}$/;
zipField.onblur = zipChecker;
function zipChecker(){
    if(checker1 && checker2){
        if(!(regexForZip.test(zipField)))
            inputList[1].nextElementSibling.textContent = 'You can only enter numbers';
        else
            inputList[1].nextElementSibling.textContent = '';
    }   
}

现在，HTML非常简单，javascript更简单。现在，你能看看checker1和checker2布尔值吗？这两个都是真的（很抱歉没有将它们包含在这个代码中，代码有点大）。

我定义了一个正则表达式，它只包含5位数字，不包含其他数字。现在我要做的是尝试使用第二个输入元素，无论用户输入什么，我都只检查5位数字。根据代码，如果输入与正则表达式不匹配，则下一个<span>标记将具有提示用户的文本，否则，它将为空。

注意：在这种情况下，输入将为5个字符长。

现在的问题是：无论我输入什么，页面都会提示我只输入数字，这是没有意义的。假设我输入11111。它告诉我，如果我输入了除数字之外的任何其他字符，它应该告诉我什么。

这里面有什么问题？

您正在针对DOM Element 运行RegExp

if (!regexForZip.test(zipField))

您可能想要测试的是元素的值，它是string:

if (!regexForZip.test(zipField.value))
相关文章：