js中文字符验证 JavaScript正则验证中文汉字

字号+ 作者:alpha 来源:汉字验证,中文验证 2018-08-03 12:43 我要评论(0)

正则表达式:"^[\u4e00-\u9fa5]{0,}$" 、 "/^[\u4E00-\u9FA5]{1,5}$/&qu

代码如下:

    <script src="http://apps.bdimg.com/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>
    <script type="text/javascript">
    function subname() {
        var str = $("#input").val();
        var han = /^[\u4e00-\u9fa5]+$/;
        if (str == '') {
            alert("请输入汉字");
            return false;
        };
        if (!han.test(str)) {
            alert("不是汉字")
            return false;
        };
        return true;
    };
    </script>
    <form method="post" onsubmit="subname()">
        <input type="text" id="input" value="" />
        <button type="submit" id="btn">提交</button>
    </form>

获取提交的内容,判断内容是否为中文。


下面也是一个参考示例:

$(function(){
    // 验证联系人
    $('input[name="contacts"]').focus(function(){
        $(this).next().text('只支持中文字符');
    }).blur(function(){
        var pattern = /^[\u4E00-\u9FA5]{1,5}$/;
        if(pattern.test($(this).val())){  //用原生JS的test()函数来匹配传入的值,返回布尔值。
            $(this).removeClass('input_err');
            $(this).next().text('√').removeClass('txt_err').addClass('txt_correct');
            isTrue=true;
        }else{
            $(this).addClass('input_err');
            $(this).next().text("×").removeClass('txt_correct').addClass('txt_err');
        }
    });
    // 验证手机号码
    $('input[name="tel"]').focus(function(){
        $(this).next().text('座机请用 - 进行分隔');
    }).blur(function(){
        var pattern = /^1\d{10}$|^(0\d{2,3}-?|\(0\d{2,3}\))?[1-9]\d{4,7}(-\d{1,8})?$/;
        if(pattern.test($(this).val())){
            $(this).removeClass('input_err');
            $(this).next().text('√').removeClass('txt_err').addClass('txt_correct');
            isTrue=true;
        }else{
            $(this).addClass('input_err');
            $(this).next().text("×").removeClass('txt_correct').addClass('txt_err');
            isTrue=false;
        }
    });
})

正则表达式:"^[\u4e00-\u9fa5]{0,}$" 、 "/^[\u4E00-\u9FA5]{1,5}$/" 的含义:


在JS里,\uXXXX 是转义字符,"XXXX"对应的是16进制Unicode编码;


^ 匹配一行的开始。例如正则表达式^123能够匹配字符串"12345"的开始,但是不能匹配"012345";

[\u4e00-\u9fa5] 指匹配在这两个Unicode编码之间的字符;

{0,} 重复0到无限次;

$以它为结束,如123$就是只匹配以123结尾的。1234则不能匹配。


就是说匹配以\u4e00-\u9fa5两字符之间的字符任意组成的字符串(可以是1个字符以上的)而且这字符串前后都没有其它字符。


标签

本站部分技术文章为参考网上实用内容发布,目的是记录踩坑经验,若未备注来源而侵犯了您原创文章权益,请联系博主删除;对文章有不同看法的朋友欢迎在评论区留言互动

相关文章
  • HTML JS 弹层后底部页面禁止滚动处理

    HTML JS 弹层后底部页面禁止滚动处理

    浏览次数:833

  • 手机web页面调用打开QQ聊天功能

    手机web页面调用打开QQ聊天功能

    浏览次数:818

  • form表单提交,前端验证

    form表单提交,前端验证

    浏览次数:630

  • js刷新页面方法大全

    js刷新页面方法大全

    浏览次数:534

  • JavaScript操作JSON操作文档

    JavaScript操作JSON操作文档

    浏览次数:474

  • 关于layui富文本编辑器同步编辑器内容到textarea layedit.sync(index)

    关于layui富文本编辑器同步编辑器内容到textarea layedit.sync(index)

    浏览次数:401

  • js中不存在exit函数,程序的运行中断停止,可使用return

    js中不存在exit函数,程序的运行中断停止,可使用return

    浏览次数:342

  • JavaScript表单数据验证 onclick()

    JavaScript表单数据验证 onclick()

    浏览次数:325

网友点评
功能开发中......
0.281250s