如何用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里面StringBuilder和StringBuffer有什么区别
Jun 06 面试题
不开辟用于交换数据的临时空间,如何完成字符串的逆序
Dec 02 面试题
一套C++笔试题面试题
Jun 06 面试题
写一个函数,求一个字符串的长度。在main函数中输入字符串,并输出其长度
Nov 18 面试题
将n个数按输入顺序的逆序排列,用函数实现
Nov 14 面试题
介绍一下Transact-SQL中SPACE函数的用法
Sep 01 面试题
请解释在new与override的区别
Oct 29 面试题
如何查找网页漏洞
Jun 22 面试题
渗透攻击的测试步骤
Jun 07 面试题
Linux面试题LINUX系统类
Nov 19 面试题
SOA面试题:如何在SOA中实现松耦合
Jul 21 面试题
Java软件工程师综合面试题笔试题
Sep 08 面试题
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判断手机访问还是电脑访问示例分享
2014/01/20 PHP
PHP简单实现“相关文章推荐”功能的方法
2014/07/19 PHP
用 Composer构建自己的 PHP 框架之使用 ORM
2014/10/30 PHP
thinkphp的dump函数无输出实例代码
2016/11/15 PHP
PHP中让json_encode不自动转义斜杠“/”的方法
2017/02/28 PHP
PHP扩展Swoole实现实时异步任务队列示例
2019/04/13 PHP
php的无刷新操作实现方法分析
2020/02/28 PHP
javascript 禁止复制网页
2009/06/11 Javascript
JSQL  一个 web DB 的封装
2010/05/05 Javascript
jquery多浏览器捕捉回车事件代码
2010/06/22 Javascript
加速IE的Javascript document输出的方法
2010/12/02 Javascript
js实现的四级左侧网站分类菜单实例
2015/05/06 Javascript
深入探究AngularJS框架中Scope对象的超级教程
2016/01/04 Javascript
Vue2.x中的Render函数详解
2017/05/30 Javascript
详解用vue编写弹出框组件
2017/07/04 Javascript
利用express启动一个server服务的方法
2017/09/17 Javascript
JavaScript实现全选取消效果
2017/12/14 Javascript
JavaScript引用类型之基本包装类型实例分析【Boolean、Number和String】
2018/08/09 Javascript
Vue2.2.0+新特性整理及注意事项
2018/08/22 Javascript
JavaScript禁用右键单击优缺点分析
2019/01/20 Javascript
vant-ui AddressEdit地址编辑和van-area的用法说明
2020/11/03 Javascript
wxpython中Textctrl回车事件无效的解决方法
2016/07/21 Python
Python实现树的先序、中序、后序排序算法示例
2017/06/23 Python
Bottle框架中的装饰器类和描述符应用详解
2017/10/28 Python
Python使用win32 COM实现Excel的写入与保存功能示例
2018/05/03 Python
用Python识别人脸,人种等各种信息
2019/07/15 Python
Python数据结构dict常用操作代码实例
2020/03/12 Python
Python模拟登入的N种方式(建议收藏)
2020/05/31 Python
洛佩桑酒店官方网站:Lopesan Hotels
2019/04/15 全球购物
学生处主任岗位职责
2013/12/01 职场文书
市场营销专业毕业生求职信
2014/03/26 职场文书
2014年后勤管理工作总结
2014/12/01 职场文书
2015年招生工作总结
2015/05/04 职场文书
幼儿园科学课教学反思
2016/03/03 职场文书
会议开幕致辞怎么写
2016/03/03 职场文书
详解Javascript实践中的命令模式
2021/05/05 Javascript