layui form表单提php验证,layui表单验证介绍

1、排序验证

html代码

排序

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

js代码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.金额验证

效果和排序一样

余额(元)

autocomplete="off" placeholder="单位：元"

class="layui-input" >

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

laydate = layui.laydate;

form = layui.form;

layer = layui.layer;// 表单验证

form.render();

form.verify({

lenth50 : function(value) {

if (value.length > 50) {

return '长度大于50！请重新输入';

}

lenth400 : function(value) {

if (value.length > 400) {

return '长度大于400！请重新输入';

}

money : function(value) {

if (value.length > 0) {

var reg = /(^[0-9]([0-9]+)?(\.[0-9]+)$)|(^(0){1}$)|(^([0-9]+)?$)/;

if (!reg.test(value)) {

return '输入格式有误';

}

if (value.length > 50) {

return '长度大于50！请重新输入';

}

});

//下面这段代码主要是用于强制清除当用户输入0开头的数字，比如0000,02323，匹配到的话就为0

//如果要在layui里面写js事件之类的代码就一定要放在use组件模块里面，这是其中一个坑！

$('#balance').bind('input propertychange', function() {

var balance = $("#balance").val();

var zero = /^(0){2,}$|^(0)([0-9])?$/;

if (zero.test(balance)) {

$('#balance').val(0);

}

});

更多layui知识请关注PHP中文网layui教程栏目

layui form表单提php验证,layui表单验证介绍相关推荐

layui的form表单提交数据，layui的select框默认选中
1.提交数据 1.1html <form class="layui-form" action="" method=""> < ...
layui.form用ajax提交表单时的问题(巨坑)
主要问题:使用layui的form组件用ajax提交表单发送请求时,总是无法收到回调函数,success与error中的回调均不执行,且该表单会自动刷新. 解决办法:在提交表单的方法form.on() ...
layui form表单ajax提交
<form class="layui-form" method="post" action=""><div class=& ...
layui:form表单提交
<form class="layui-form" action="" id="login_form" lay-filter=" ...
css修改layui的下拉框样式 js_layui创建表单下拉框样式不显示
border-left: 5px solid #009688; 注释:solid实体,实心样式: Blockquote:块引用;Fieldset:字段集; 1.所有浏览器都支持标签. fieldse ...
layui清空表单数据_layui如何清除表单数据
layui清除表单数据的方法:首先创建一个表单数据:然后实现监听提交:最后通过"$("#addGoodsForm")[0].reset();"清空表单即可. 本 ...
layui form表单点击无反应
无刷新页面再次操作form表单时,点击无效果重点来了!解决方法!需要form.render(); 代码如下: <script>layui.use('form', function(){ ...
onsubmit=“return check() 给form加onsubmit 验证所有表单后再提交，可以用返回false 来阻止submit提交
onsubmit="return check() 给form加onsubmit 验证所有表单后再提交,可以用返回false 来阻止submit提交<form class="f ...
php form表单验证,Validform表单验证总结篇
近期项目里用到了表单的验证,选择了Validform_v5.3.2. 先来了解一下一些基本的参数: 通用表单验证方法: Demo:$(".demoform").Validform( ...
ajax提交，form表单提交，onsubmit=return checksubmit()提交验证
Ajax提交的两种方式: 一是url参数提交数据, 二是form提交(和平常一样在后台可以获取到Form表单的值).在所要提交的表单中,如果元素很多的话建议用第二种方式进行提交一.Url参数提交数据 ...

layui form表单提php验证,layui表单验证介绍

layui form表单提php验证,layui表单验证介绍相关推荐

最新文章

热门文章