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

面试题 相关文章推荐
大唐电信科技股份有限公司java工程师面试经历
Dec 09 面试题
某公司Java工程师面试题笔试题
Mar 27 面试题
在C语言中"指针和数组等价"到底是什么意思?
Mar 24 面试题
求∏的近似值,直到最后一项的绝对值小于指定的数
Feb 12 面试题
什么是聚集索引和非聚集索引
Jan 17 面试题
采用怎样的方法保证数据的完整性
Dec 02 面试题
abstract 可以和 virtual 一起使用吗?可以和 override 一起使用吗?
Oct 15 面试题
在对linux系统分区进行格式化时需要对磁盘簇(或i节点密度)的大小进行选择,请说明选择的原则
Jan 13 面试题
一些Unix笔试题和面试题
Sep 25 面试题
mysql有关权限的表都有哪几个
Apr 22 面试题
Final类有什么特点
Apr 25 面试题
正隆泰信息技术有限公司上机题
Jun 14 面试题
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
php代码把全角数字转为半角数字
2007/12/10 PHP
PHP 导出数据到淘宝助手CSV的方法分享
2010/02/27 PHP
解析php时间戳与日期的转换
2013/06/06 PHP
php编写的抽奖程序中奖概率算法
2015/05/14 PHP
PHP简单预防sql注入的方法
2016/09/27 PHP
php批量转换文件夹下所有文件编码的函数类
2017/08/06 PHP
Yii2框架实现登录、退出及自动登录功能的方法详解
2017/10/24 PHP
jQuery boxy弹出层插件中文演示及使用讲解
2011/02/24 Javascript
js replace正则表达式应用案例讲解
2013/01/17 Javascript
Jquery Mobile 自定义按钮图标
2015/11/18 Javascript
jQuery ui autocomplete选择列表被Bootstrap模态窗遮挡的完美解决方法
2016/09/23 Javascript
细数JavaScript 一个等号,两个等号,三个等号的区别
2016/10/09 Javascript
js实现目录链接,内容跟着目录滚动显示的简单实例
2016/10/15 Javascript
Node.js 数据加密传输浅析
2016/11/16 Javascript
jQuery拖拽通过八个点改变div大小
2020/11/29 Javascript
详解JS中的快速排序与冒泡
2017/01/10 Javascript
利用js查找数组中指定元素并返回该元素的所有索引示例
2017/03/29 Javascript
ligerUI---ListBox(列表框可移动的实例)
2017/11/28 Javascript
使用Vue写一个datepicker的示例
2018/01/27 Javascript
Puppet的一些技巧
2018/09/17 Javascript
Vue+axios+WebApi+NPOI导出Excel文件实例方法
2019/06/05 Javascript
jquery validate 实现动态增加/删除验证规则操作示例
2019/10/28 jQuery
Python的numpy库中将矩阵转换为列表等函数的方法
2018/04/04 Python
Python 从一个文件中调用另一个文件的类方法
2019/01/10 Python
python中 * 的用法详解
2019/07/10 Python
python twilio模块实现发送手机短信功能
2019/08/02 Python
opencv 图像滤波(均值,方框,高斯,中值)
2020/07/08 Python
CSS3 @font-face属性使用指南
2014/12/12 HTML / CSS
CSS3 text-shadow实现文字阴影效果
2016/02/24 HTML / CSS
HTC VIVE美国官网:VR虚拟现实眼镜
2018/02/13 全球购物
两道JAVA笔试题
2016/09/14 面试题
毕业生自荐信的主要内容
2013/10/29 职场文书
导游的职业规划书范文
2013/12/27 职场文书
物流专员岗位职责
2014/02/17 职场文书
深度学习详解之初试机器学习
2021/04/14 Python
Django框架中表单的用法
2022/06/10 Python