失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > Validform+layer实现漂亮的表单验证特效【jquery】

Validform+layer实现漂亮的表单验证特效【jquery】

时间:2021-08-20 13:00:46

相关推荐

Validform+layer实现漂亮的表单验证特效【jquery】

web前端|js教程

Validform,layer,表单验证

web前端-js教程

Validform是一款优秀的表单验证插件,layer是一款优秀的弹出窗口插件。下面通过例子看看这二者碰出的火花吧

地方淘宝源码,vscode开发图形界面,ubuntu不能cmcc,tomcat9特性,爬虫找房源,php安装mongo扩展,增城SEO关键词优化,漂亮的科技网站,高大上的网站模板lzw

首先要引入jquery,Validform和layer

淘宝详情页源码,Vscode 使用tfs,如何更新ubuntu手册,netty 与tomcat,sqlite 时间对比,移动端带图标多级下拉插件,容易开发的前端框架,python爬虫明星,php的源代码,seo优化方案ppt,轻论坛网站源码,html网页图片滚动代码,小型论坛网站模板,html静态登陆页面,酒店管理系统源代码,企业公司官网小程序源码lzw

HTML

进销存 asp 源码,vscode编写vue页面,ubuntu分區,手写怎么打开tomcat,爬虫公司电话,php 数组重新键值,域名转向seo有影响吗,个人网站接入支付宝,美食天下模板lzw

JS

$(function(){ $("#form-Validform").Validform({tiptype:4,ajaxPost:true,callback:function(data){ if(data.status==1){ layer.msg(data.info, {icon: data.status,time: 1000}, function(){ location.reload();//刷新页面 }); } else{ layer.msg(data.info, {icon: data.status,time: 3000}); }} }); $(#safecodes).click( function () {$(#safecode).val($(#safecodes).text()); }); });

服务端返回

{"info":"\u6210\u529f","status":1,"url":""}

本例子流程:点击提交->逐项验证表单->完成验证ajax提交->根据返回信息判断->弹出消息

如果觉得《Validform+layer实现漂亮的表单验证特效【jquery】》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。