layui输入框只允许输入中文且判断长度的例子-创新互联

今天写项目遇到一个问题，在输入老师昵称的时候需要控制input输入框不能为空，且字符的长度有限制，英文字符不能超过20，中文不能超过10。输入课程简介的时候，textarea只能输入中文和中文标点，且长度不超过100。使用框架为：Thymeleaf + layui + shiro。

搜了很多资料没找到全的，现将具体实现展示如下：

[不为空的要求：]

这个好解决，只要在代码中加入 lay-verify="required" 即可，这个在layui官方文档中就有，参考https://www.layui.com/doc/element/form.html

下面，咱们主要说长度的问题：

[效果]

解决方式：需要自己写自定义form.verify。因为layui中lay-verify：是表单验证的关键字

有以下值供选择：

required (必填项)

phone（手机号）

email（邮箱）

url（网址）

number（数字）

date（日期）

identity(身份证)

自定义值

没有符合要求的值，所以需要我们使用自定义值的方法

[代码如下：]

html代码如下：

老师昵称：

 
 (20个字符或者10个中文字)