正则表达式之验证简单的中文名字

最新推荐文章于 2025-12-03 11:43:54 发布

原创最新推荐文章于 2025-12-03 11:43:54 发布 · 4.3k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#正则表达式

前端专栏收录该内容

76 篇文章

订阅专栏

本文介绍了一个简单的输入验证示例，使用JavaScript实现对中文姓名的验证。当用户在输入框中填写内容并失去焦点时，会检查输入是否符合2到4个汉字的要求，并给出相应的反馈。

<script>
    var inp = document.getElementsByTagName("input")[0];
    var span = document.getElementsByTagName("span")[0];
    var reg = /^[\u4e00-\u9fa5]{2,4}$/;
    inp.onblur = function(){
        console.log(inp.value);
        if (reg.test(inp.value)){
            span.style.color = "green";
            span.innerHTML = "输入正确";
        }else{
            span.style.color = "red";
            span.innerHTML = "输入的电话有误!!";
        }
    }
</script>