/**
* 初始化表单元素
*/
function init_layuiform() {
layui.use('form', function() {
var form = layui.form();
// 自定义校验规则
//这个里面的title、number就写在Html 代码中lay-verify的属性值,即可
//例如:lay-verify="title"
form.verify({
title : function(value) {
if (value.length < 5) {
return '至少输入5个字符啊';
}
},
number : [/^[0-9]*$/, '必须输入数字啊']
});
// 监听提交
form.on('submit(formDemo)', function(data) {
var url=’xxxxxxxxxxxxxxxxx’;
$.ajax({
type : "POST",
url : url,
data : {
s_form_data : JSON.stringify(data.field)
},
dataType : "text",
success : function(data) {
if (data == 'ok') {
layer.alert('申请成功', {
icon : 1
});
}
}
});
return false;
});
form.render(); // 更新全部
});
}
Layui自定义表单校验规则
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
相关阅读更多精彩内容
- 引言 模板驱动表单相比较响应式表单可以少更少的代码做同样的事情,可也损失了自由度与更易测试,当然很多人并不在乎啦。...
- 1.表单校验 在H5出来之后,我们在使用Input的时候可以在Input表单里面直接就可以进行一些简单的校验了,比...
- //验证邮政编码 jQuery.validator.addMethod("toLowerCase", functi...