正则表达式只能输入中文并且长度在m-n之间

        /^[\一-\龥]{m,n}$/

例：正则表达式只能输入中文并且长度在2-6之间：（亲测有效）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="Generator" content="EditPlus®">
    <title>增加界面</title>
    <script src="${springMacroRequestContext.getContextPath()}/layui/layui.js"></script>
    <link rel="stylesheet" href="${springMacroRequestContext.getContextPath()}/layui/css/layui.css">
    <script src="${springMacroRequestContext.getContextPath()}/layui/config.js"></script>

</head>
<body>

<#--
    action="":在这是没有太大用处的，在使用layui时大多数都是前后端分离的操作，不会直接跳转到后台去
    lay-verify=""：验证规则
    默认为 lay-verify="required"
    手机号码的验证：lay-verify="phone"
-->
<form class="layui-form" lay-filter="myForm">

    <div class="layui-form-item">
        <label class="layui-form-label">员工名称</label>
        <div class="layui-input-block">
            <input name="name" lay-verify="required|username" placeholder="请输入姓名" autocomplete="off" class="layui-input">
        </div>
    </div>

    <div class="layui-form-item">
        <label class="layui-form-label">员工号码</label>
        <div class="layui-input-block">
            <input name="phone" lay-verify="phone" placeholder="请输入手机号" autocomplete="off" class="layui-input">
        </div>
    </div>


    <div class="layui-form-item">
        <div class="layui-input-block">
            <button lay-filter="btn" lay-submit class="layui-btn">立即提交</button>
            <button type="reset" class="layui-btn layui-btn-primary">重置</button>
        </div>
    </div>
</form>


<#--
    layui.use：较为麻烦，需要一个一个模块的导入
    layui.define：直接导入所有的依赖，较为方便
-->
<script>
    layui.define([],()=>{
        let $ = layui.jquery;
        let layer = layui.layer;
        let jquery = layui.jquery;
        let form = layui.form;


        //自定义验证规则
        form.verify({
            //规则名称对应一个方法
            username(value,item){
                //value是需要验证的值  item是对应的dom元素
                //用户名的长度必须在2-6之间，且为中文 (正则)
                let rex = /^[\一-\龥]{2,6}$/
                if(!rex.test(value)){
                    return '姓名必须是中文，且长度在2-6之间'
                }
            }
        })
    })


</script>

</body>
</html>

# java # 前端 # 正则表达式
Logo
华为云开发者联盟

为开发者提供学习成长、分享交流、生态实践、资源工具等服务，帮助开发者快速成长。

更多推荐

cover

openEuler系统通过shell脚本安装openGauss 5.0.0企业版

avatar 华为云开发者联盟
cover

一文了解npm install -g和npm install --save-dev的关系

avatar 华为云开发者联盟
cover

【FAQ】HarmonyOS SDK 闭源开放能力 —Map Kit（2）

avatar 华为云开发者联盟