layui 表单校验自定义和界面标签形式显示提示内容

最近帮别人修改一个layui框架写的界面,项目在本地运营的时候校验提示正常,放到服务器校验提示就乱码了,由于对layui不熟悉,不知道源码怎么处理,因此想看看layui有没有自定义的方法,因此找到了 lay-verify 和lay-reqText标签 ,前提是你的layui版本必须是layui-v2.5.6 及以上 我的是layui-v2.5.6 ,可能最低版本是2.5要求吧

 

layui表单元素的校验只需在元素上加入lay-verify,layui提供了以下值。<input type="text" name="xh"  lay-verify="required"
                                placeholder="请输入学号" autocomplete="off" class="layui-input" lay-reqText="请输入学号">

 

required(必填项)
phone(手机号)
email(邮箱)
url(网址)
number(数字)
date(日期)
identity(身份证)
自定义值

 

 <input type="text" name="xh"  lay-verify="required"
                                placeholder="请输入学号" autocomplete="off" class="layui-input" lay-reqText="请输入学号">

 

 本人专注于物联网软件开发,对接物联网设备有很丰富的经验。后期会退出视频课程,希望大家继续跟进,后期课程链接会在菜单中加上 

layui是一款使用简单、功能强大的前端UI框架,提供了一套方便且丰富的表单校验表单取值的方法。 首先,layui表单校验可以通过layui内置的form模块来实现。我们首先需要在HTML引入layui的相关文件,然后在表单元素上添加一些特定的属性。例如,使用lay-verify属性来指定需要进行校验的规则,使用lay-reqtext属性来指定校验不通过时的提示信息,使用lay-filter属性来指定筛选器,从而进行事件监听与提交表单等操作。 在校验进行时,我们可以通过layui.form进行各种操作,如监听校验功能的提交事件,通过form.on('submit(filter)', function(data){})方法来监听表单提交,其data即为表单的取值。另外,我们还可以使用form.verify来自定义校验规则,form.val来给表单赋值等。 对于表单取值,layui提供了form.val方法来实现。我们可以通过form.val(filter)来获取指定筛选器对应的表单元素的值,也可以通过form.val(filter, obj)来给表单元素赋值。例如,可以通过form.val('example', {name: 'value1', age: 'value2'})来赋值给筛选器为'example'的表单元素name和age。 总而言之,layui通过内置的form模块提供了便捷的表单校验和取值的方法。我们只需在HTML引入相应文件,设置合适的属性和监听器,即可进行表单校验和取值的操作。这使得开发者能够更加方便地实现表单的验证和获取数据。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

hanchufeng2020

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值