正则表达式只能输入中文

最新推荐文章于 2024-09-09 19:14:11 发布

likeeefish

最新推荐文章于 2024-09-09 19:14:11 发布

阅读量7.7k

点赞数

分类专栏：知识总结与小技巧

本文链接：https://blog.csdn.net/Pcccy/article/details/125379133

版权

java 前端正则表达式

知识总结与小技巧专栏收录该内容

16 篇文章 0 订阅

订阅专栏

正则表达式只能输入中文并且长度在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>