web前端|js教程
javascript,layui.js,表单
web前端-js教程
本文主要介绍了layui.js实现的表单验证功能,结合实例形式分析了基于layui.js的事件监听、验证、判定等相关操作技巧,需要的朋友可以参考下,希望能帮助到大家。
php电影网站源码程序(带采集),vscode提示编译错误,aws ubuntu账号,jar包放在tomcat,利用爬虫代理,最好的php开发工具,惠州seo网络营销推广方案,ASP做旅游网站代码,模板默认风格lzw
该示例可针对文本框,手机,邮箱,textarea等格式进行验证
音乐窗口源码,ubuntu双击安装软件,tomcat设置端口号80,爬虫配合wps,js可以和php混合吗,郑州seo搜索lzw
首先引入如下文件:
复利源码程序,ubuntu下载源码命令,python爬虫好难啊,php header(),天气网站seolzw
HTML代码:
<!--
请输入内容
-->
js验证代码
layui.use([form, layedit, laydate], function(){ var form = layui.form() ,layer = layui.layer ,layedit = layui.layedit ,laydate = layui.laydate; //自定义验证规则 form.verify({ title: function(value){if(value.length < 5){return 标题至少得5个字符啊;} }, fname: function(value){if(value.length < 4){return 请输入至少4位的用户名;} }, contact: function(value){if(value.length < 4){return 内容请输入至少4个字符;} } ,phone: [/^1[3|4|5|7|8]\d{9}$/, 手机必须11位,只能是数字!] ,email: [/^[a-z0-9._%-]+@([a-z0-9-]+\.)+[a-z]{2,4}$|^1[3|4|5|7|8]\d{9}$/, 邮箱格式不对] }); //创建一个编辑器 layedit.build(LAY_demo_editor); //监听提交 form.on(submit(demo1), function(data){ layer.alert(JSON.stringify(data.field), { title: 最终的提交信息 }) return false; });});
完整示例代码如下:
<!--
请输入内容
-->
layui.use([form, layedit, laydate], function(){ var form = layui.form() ,layer = layui.layer ,layedit = layui.layedit ,laydate = layui.laydate; //自定义验证规则 form.verify({ title: function(value){if(value.length < 5){return 标题至少得5个字符啊;} }, fname: function(value){if(value.length < 4){return 请输入至少4位的用户名;} }, contact: function(value){if(value.length < 4){return 内容请输入至少4个字符;} } ,phone: [/^1[3|4|5|7|8]\d{9}$/, 手机必须11位,只能是数字!] ,email: [/^[a-z0-9._%-]+@([a-z0-9-]+\.)+[a-z]{2,4}$|^1[3|4|5|7|8]\d{9}$/, 邮箱格式不对] }); //创建一个编辑器 layedit.build(LAY_demo_editor); //监听提交 form.on(submit(demo1), function(data){ layer.alert(JSON.stringify(data.field), { title: 最终的提交信息 }) return false; });});
运行效果如下:
jquery表单验证插件
AngularJs表单验证的方法
JavaScript中实现表单验证