layui表单验证介绍


本文摘自PHP中文网,作者尚,侵删。

1、排序 验证

html代码

1

2

3

4

5

6

<div class="layui-form-item">

             <label class="layui-form-label">排序</label>

            <div class="layui-input-block">

              <input type="number" name="sort" autocomplete="off" min="0" max="99999"  lay-verify="sort" class="layui-input">

            </div>

          </div>

type="number" 之后文本框的后面就出现如上图那样的效果,并且只能输入数字和小数点

js代码

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

layui.use([ "form", "layer" ], function() {

var    form = layui.form;

var    layer = layui.layer;

    //表单验证

    form.render();//这句一定要加,占坑

     form.verify({

 

         sort:[/^$|^[0-9]{0,5}$/, '只能是数字且范围0~99999!']//这个就是上面的排序lay-verify="sort"

         ,remark: function (value){

             if(value.length > 200){

                 return '长度大于200!请重新输入';

             }

         }

     });

 

     });

2.金额 验证

阅读剩余部分

相关阅读 >>

layui的tips层怎么用

layui的优缺点是什么?

通过layui给数据表格添加序号

layui input只读属性是什么

为laydate输入框加上图标的方法(附代码)

layui怎么绑定普通事件监听

layui框架是什么

layui复选框使用介绍

layui实现点击按钮添加一行的方法

layui是软件吗

更多相关阅读请进入《layui》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...