输入的是否是中文名字

四月四日梦

于 2018-10-30 22:42:36 发布

阅读量232

点赞数

分类专栏：代码库

代码库专栏收录该内容

15 篇文章

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>title</title>
  <script src="jquery-1.12.1.js"></script>
  <script>

    //点击按钮,验证用户输入的是不是中文名字,如果是中文名字，则文本框的背景为绿色,否则为红色
    $(function () {
      //按钮的点击事件
      $("#btn").click(function () {
        var reg=/^[\u4e00-\u9fa5]{2,6}$/;
        var flag=reg.test($("#txt").val());
        if(flag){
          $("#txt").css("backgroundColor","green");
        }else{
          $("#txt").css("backgroundColor","red");
        }
      });
    });
  </script>
</head>
<body>
请输入中文名字：<input type="text" value="" id="txt"/><br/>
<input type="button" value="验证" id="btn"/>

</body>
</html>