如何用JQuery进行表单验证


Posted in 面试题 onMay 29, 2013
可以使用jQuery的插件–jQuery-validate表单验证插件来进行表单验证
例子:
$(“#form”).validate({
//验证规则
rules:{
author:{
required:true,//必需非空字段
minlength:2 //长度至少两字节
},
email:{
required:true,
email:true //此字段为邮件地址
},
url:{
required:false,
url:true //此字段为网址
},
content:{
required:true,
minlength:4
}
},
//错误消息
messages:{
author: {
required: ‘用户名必须填写’,
minlength: jQuery.format(“名称至少{0}两个字节”)
},
email: {
required: ‘邮箱必须填写,做为联系方式’,
email: ‘邮箱格式不正确’
},
content: {
required: ‘网址必须填写’,
minlength: jQuery.format(“名称至少{0}两个字节”)
}
},
submitHandler: function(form) {
//ajax提交表单,需要jQuery.Form插件
$(form).ajaxSubmit({
dataType:’json’,
success:function(res){
if(res.success){
$(‘.ajaxsubmit’).html(‘发表成功!’).addClass(‘ok’);
$(‘textarea’).val(”);
$(‘#comments’).prepend(res.msg);
}else
$(‘.ajaxsubmit’).html(res.msg).addClass(‘fail’);
}
});
return false;
},
errorPlacement:function(error, element) {
//放置错误提示消息的Element
error.appendTo(element.parent().find(‘b’));
},
errorClass:’fail’,//错误消息样式
highlight: function(element, errorClass) {
//黄褪显示错误字段,需要jQuery.Highlight插件
$(element).highlightFade({color:’yellow’,speed:1000,iterator:’exponential’})
}
});

Tags in this post...

面试题 相关文章推荐
PHP面试题大全
Oct 16 面试题
数组越界问题
Oct 21 面试题
android面试问题与答案
Dec 27 面试题
如何找出EMP表里面SALARY第N高的employee
Dec 05 面试题
北京一家公司的.net开发工程师笔试题
Apr 17 面试题
标记环介质访问控制协议
Mar 27 面试题
P/Invoke是什么
Jul 31 面试题
C#实现对任一张表的数据进行增,删,改,查要求,运用Webservice,体现出三层架构
Jul 11 面试题
shell程序中如何注释
Feb 17 面试题
软件测试工程师面试问题精选
Oct 28 面试题
继承时候类的执行顺序问题,一般都是选择题,问你将会打印出什么?
Nov 18 面试题
int和Integer有什么区别
May 25 面试题
Ajax主要包含了哪些技术
Jun 12 #面试题
如何整合JQuery和Prototype
Jan 31 #面试题
AJAX都有哪些有点和缺点
Nov 03 #面试题
不同浏览器创建XMLHttpRequest方法有什么不同
Nov 17 #面试题
什么是Remote Module
Jun 10 #面试题
AJAX的全称是什么
Nov 06 #面试题
Prototype是怎么扩展DOM的
Oct 01 #面试题
You might like
jquery+php实现导出datatables插件数据到excel的方法
2015/07/06 PHP
PHP数组生成XML格式数据的封装类实例
2016/11/10 PHP
PHP绕过open_basedir限制操作文件的方法
2018/06/10 PHP
YII2框架使用控制台命令的方法分析
2020/03/18 PHP
总结AJAX相关JS代码片段和浏览器模型
2007/08/15 Javascript
JavaScript 解析读取XML文档 实例代码
2009/07/07 Javascript
有关于eclipse配置spket需要注意的一些地方
2013/04/07 Javascript
jQuery使用load()方法载入另外一个网页文件内的指定标签内容到div标签的方法
2015/03/25 Javascript
JavaScript实现多个重叠层点击切换效果的方法
2015/04/24 Javascript
javascript实现点击后变换按钮显示文字的方法
2015/05/13 Javascript
JQuery查找DOM节点的方法
2015/06/11 Javascript
JS实现横向与竖向两个选项卡Tab联动的方法
2015/09/27 Javascript
基于jQuery实现的菜单切换效果
2015/10/16 Javascript
jQuery判断元素是否显示 是否隐藏的简单实现代码
2016/05/19 Javascript
canvas红包照片实例分享
2017/02/28 Javascript
浅谈Vue数据绑定的原理
2018/01/08 Javascript
fetch 如何实现请求数据
2018/12/20 Javascript
JQuery实现简单的复选框树形结构图示例【附源码下载】
2019/07/16 jQuery
python统计文本字符串里单词出现频率的方法
2015/05/26 Python
Python 获得命令行参数的方法(推荐)
2018/01/24 Python
解决win7操作系统Python3.7.1安装后启动提示缺少.dll文件问题
2019/07/15 Python
Python 找出出现次数超过数组长度一半的元素实例
2020/05/11 Python
django 装饰器 检测登录状态操作
2020/07/02 Python
Python self用法详解
2020/11/28 Python
如何用Python和JS实现的Web SSH工具
2021/02/23 Python
实例讲解HTML5的meta标签的一些应用
2015/12/08 HTML / CSS
HTML5 3D旋转相册的实现示例
2019/12/03 HTML / CSS
TripAdvisor德国:全球领先的旅游网站
2017/12/07 全球购物
巴西购物网站:Submarino
2020/01/19 全球购物
贪睡宠物用品:Snoozer Pet Products
2020/02/04 全球购物
夜大自我鉴定
2013/10/31 职场文书
初一英语教学反思
2014/01/11 职场文书
学习焦裕禄精神践行三严三实心得体会
2014/10/13 职场文书
解除同居协议书
2015/01/29 职场文书
学习《中小学教师职业道德规范》心得体会
2016/01/18 职场文书
如何基于python实现单目三维重建详解
2022/06/25 Python