js验证汉字正则表达式

最新推荐文章于 2024-05-27 20:37:36 发布

转载最新推荐文章于 2024-05-27 20:37:36 发布 · 2.3k 阅读

文章标签：

#正则表达式 #javascript

Javascript 专栏收录该内容

19 篇文章

订阅专栏

本文介绍了一个简单的HTML表单示例，该表单使用JavaScript进行客户端验证，确保用户输入的是有效的汉字字符串。当用户尝试提交表单时，会触发一个函数检查输入字段的内容是否只包含汉字。

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>

<body>
    <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>
</body>

</html>