如何用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...

面试题 相关文章推荐
Tomcat中怎么使用log4j输出所有的log
Jul 07 面试题
什么是Deployment descriptors;都有什么类型的部署描述符
Jul 28 面试题
求高于平均分的学生学号及成绩
Sep 01 面试题
C语言编程练习
Apr 02 面试题
NULL是什么,它是怎么定义的
May 09 面试题
如何利用find命令查找文件
Feb 07 面试题
Linux内核产生并发的原因
Nov 08 面试题
linux比较文件内容的命令是什么
Mar 04 面试题
易程科技软件测试笔试
Mar 24 面试题
优纳科技软件测试面试题
May 15 面试题
Java中采用什么结构来捕获、处理异常?各子句的顺序、功能如何
Oct 07 面试题
一套英文Java笔试题面试题
Apr 21 面试题
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
索尼SONY ICF-7600A(W)电路分析
2021/03/01 无线电
一些常用的php函数
2006/12/06 PHP
Smarty结合Ajax实现无刷新留言本实例
2007/01/02 PHP
PHP 数组基础知识小结
2010/08/20 PHP
PHP图像处理之imagecreate、imagedestroy函数介绍
2014/11/19 PHP
yii2局部关闭(开启)csrf的验证的实例代码
2017/07/10 PHP
PHP大文件分块上传功能实例详解
2019/07/22 PHP
PHP数组对象与Json转换操作实例分析
2019/10/22 PHP
jQuery 动态酷效果实现总结
2009/12/27 Javascript
利用cookie记住背景颜色示例代码
2013/11/04 Javascript
js和jquery分别验证单选框、复选框、下拉框
2015/12/17 Javascript
HTML5游戏引擎LTweenLite实现的超帅动画效果(附demo源码下载)
2016/01/26 Javascript
JavaScript对象数组如何按指定属性和排序方向进行排序
2016/06/15 Javascript
JS检测页面中哪个HTML标签触发点击事件的方法
2016/06/17 Javascript
nodeJS删除文件方法示例
2016/12/25 NodeJs
JavaScript实现的鼠标响应颜色渐变效果完整实例
2017/02/18 Javascript
JS实现静态页面搜索并高亮显示功能完整示例
2017/09/19 Javascript
JS改变页面颜色源码分享
2018/02/24 Javascript
vue组件横向树实现代码
2018/08/02 Javascript
css配合JavaScript实现tab标签切换效果
2018/10/11 Javascript
JavaScript代码压缩工具UglifyJS和Google Closure Compiler的基本用法
2020/04/13 Javascript
[01:02:03]2014 DOTA2华西杯精英邀请赛 5 24 NewBee VS VG
2014/05/26 DOTA
Centos5.x下升级python到python2.7版本教程
2015/02/14 Python
Python使用Scrapy保存控制台信息到文本解析
2017/12/27 Python
Python实现可自定义大小的截屏功能
2018/01/20 Python
PyTorch基本数据类型(一)
2019/05/22 Python
django框架防止XSS注入的方法分析
2019/06/21 Python
使用python绘制cdf的多种实现方法
2020/02/25 Python
玖熙女鞋美国官网:Nine West
2016/10/06 全球购物
存储过程和sql语句的优缺点
2014/07/02 面试题
出纳试用期自我鉴定
2014/04/07 职场文书
国际语言毕业生求职信
2014/07/08 职场文书
注册资产评估专业求职信
2014/07/16 职场文书
2015年基层党支部工作总结
2015/05/21 职场文书
培训简讯范文
2015/07/20 职场文书
在 SQL 语句中处理 NULL 值的方法
2021/06/07 SQL Server