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

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

卫辉网站制作公司哪家好,找创新互联公司!从网页设计、网站建设、微信开发、APP开发、响应式网站建设等网站项目制作,到程序开发,运营维护。创新互联公司2013年至今到现在10年的时间,我们拥有了丰富的建站经验和运维经验,来保证我们的工作的顺利进行。专注于网站建设就选创新互联公司

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

[不为空的要求:]

这个好解决,只要在代码中加入 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个中文字)

当前题目:layui输入框只允许输入中文且判断长度的例子-创新互联
文章链接:http://bzwzjz.com/article/desdge.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 成都网站建设 成都网站建设 成都网站制作 重庆网站制作 网站设计制作报价 成都营销网站建设 成都网站设计 营销网站建设 成都网站设计公司 成都响应式网站建设 成都网站建设 企业手机网站建设 响应式网站设计方案 重庆网站建设 营销型网站建设 成都网站设计 H5网站制作 成都网站建设推广 定制网站制作 网站制作 营销网站建设 品牌网站建设