首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >如何设置这个javascript正则表达式匹配函数?

如何设置这个javascript正则表达式匹配函数?
EN

Stack Overflow用户
提问于 2010-08-08 01:23:52
回答 3查看 1.9K关注 0票数 1

我有一个输入文本框,它在keyup事件上运行js函数来匹配有效的字符串(域名模式匹配,regex在这里找到)。

我编写了if语句来测试输入是否为有效的模式,然后测试输入的长度是否超过3个字符。

显然,我的if不能像我想的那样工作。当输入有3个或更多个字符时,就可以了。

但是,如果输入少于3个字符,则无法执行模式正则表达式。

例如:如果输入框中有"dd“(没有引号),当函数应该警告输入少于3个字符时,它会警告我有一个错误的模式。

在包含的alert语句中,输入值中没有额外的空格或字符。

代码语言:javascript
运行
复制
<input id="quick" type="text" size="20" onKeyUp="test()"></input>

功能测试是

代码语言:javascript
运行
复制
function test(){

   var liveword = document.getElementById("quick").value;
   var valid = /^[a-zA-Z0-9][a-zA-Z0-9\-\_]+[a-zA-Z0-9]$/;
  alert("xxx"+liveword+"xxx");

    if (liveword.match(valid))
   {
        if (liveword.length < 3)
        {
        alert ('word less than 3');
        }
        else {
    alert ('word more than 3');
            }
     }//outside if

     else {
         alert('enter correct pattern');

     }  

} //close
EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2010-08-08 06:21:28

因为你的模式目前已经写好了,3个字母以下的任何东西都不能与之匹配。您的正则表达式要求“查找任何字母数字,后跟至少一个字母数字、破折号或下划线,然后是最后一个字母数字。”

我想你可能真的想要一些可选的匹配。通过以下方式:

代码语言:javascript
运行
复制
var valid = /^[a-zA-Z0-9][a-zA-Z0-9\-\_]*[a-zA-Z0-9]?$/;

您将匹配任何字母数字,即使只有一个字符。实际上,上面的内容等同于简单地说:

代码语言:javascript
运行
复制
var valid = /^[a-zA-Z0-9][a-zA-Z0-9\-\_]*$/;

请注意,这两者仍然有可能在a-之类的东西上匹配。如果这不是预期的匹配(例如,当使用连字符或破折号时,您希望需要一个终止字母数字),则使用:

代码语言:javascript
运行
复制
var valid = /^[a-zA-Z0-9]([a-zA-Z0-9\-\_]*[a-zA-Z0-9])?$/;

这意味着“找到一个字母数字。如果它后面有字符,它可以后跟零个或多个字母数字、连字符或下划线,只要最后一个字符是字母数字。”

票数 2
EN

Stack Overflow用户

发布于 2010-08-08 01:33:59

您的第一个if是测试模式是否匹配,而不管长度如何。如果匹配良好,则检查长度。如果没有,你会警告“输入正确的模式”。

您想要这样做:

代码语言:javascript
运行
复制
if( liveword.length < 3 )
    alert( 'too short' )

else
{
    // check patterns, alert good or bad
}

编辑

你的代码,重构后:

代码语言:javascript
运行
复制
function test(){

    var liveword = document.getElementById("quick").value;
    var valid = /^[a-zA-Z0-9][a-zA-Z0-9\-\_]+[a-zA-Z0-9]$/;
    alert("xxx"+liveword+"xxx");

    if( liveword.length < 3 )
        alert( 'word less than 3' );

    else
    {
        if( liveword.match(valid) )
            alert( 'good match')

        else
            alert( 'bad match' )
    } 

} //close
票数 1
EN

Stack Overflow用户

发布于 2010-08-08 01:35:21

如果if (liveword.match(valid))成功,则意味着单词长度至少为三个字符,因为您的正则表达式至少需要三个字符。因此,if (liveword.length < 3)检查将永远不会成功定位到它所在的位置。您需要将其移动到else子句中,以便在单词不匹配时检查长度:

代码语言:javascript
运行
复制
if (liveword.match(valid)) {
    alert ('word 3 or more');
}
else if (liveword.length < 3) {
    alert ('word less than 3');
}
else {
    alert('enter correct pattern');
}
票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/3431356

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档