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】》对你有帮助,请点赞、收藏,并留下你的观点哦!