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

面试题 相关文章推荐
如何设定的weblogic的热启动模式(开发模式)与产品发布模式
Sep 08 面试题
2019年c语言经典面试题目
Aug 17 面试题
第一范式(1NF)、第二范式(2NF)和第三范式(3NF)之间的区别是什么?
Apr 28 面试题
阿里巴巴Oracle DBA笔试题答案-备份恢复类
Nov 20 面试题
什么是Connection-oriented Protocol/Connectionless Protocol面向连接的协议/无连接协议
Sep 06 面试题
描述RIP和OSPF区别以及特点
Jan 17 面试题
如何在C# winform中异步调用web services
Sep 21 面试题
为什么要做架构设计
Jul 08 面试题
Python面试题:如何用Python来发送邮件
Mar 15 面试题
WebSphere面试题:在WebSphere里面如何部署一个应用
Aug 02 面试题
Shell脚本如何向终端输出信息
Apr 25 面试题
Unix如何在一行中运行多个命令
May 29 面试题
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生成不重复随机数、数组的4种方法分享
2015/03/30 PHP
apache和PHP如何整合在一起
2015/10/12 PHP
PHP设计模式之委托模式定义与用法简单示例
2018/08/13 PHP
asp(javascript)全角半角转换代码 dbc2sbc
2009/08/06 Javascript
JavaScript arguments 多参传值函数
2010/10/24 Javascript
jQuery中prevAll()方法用法实例
2015/01/08 Javascript
js实现九宫格图片半透明渐显特效的方法
2015/02/16 Javascript
javascript小数精度丢失的完美解决方法
2016/05/31 Javascript
Vue.js每天必学之内部响应式原理探究
2016/09/07 Javascript
关于Stream和Buffer的相互转换详解
2017/07/26 Javascript
浅谈vue-lazyload实现的详细过程
2017/08/22 Javascript
详解如何使用router-link对象方式传递参数?
2019/05/02 Javascript
JavaScript 实现同时选取多个时间段的方法
2019/10/17 Javascript
vue-cli3中配置alias和打包加hash值操作
2020/09/04 Javascript
JavaScript十大取整方法实例教程
2020/12/03 Javascript
Python中字典(dict)和列表(list)的排序方法实例
2014/06/16 Python
定制FileField中的上传文件名称实例
2017/08/23 Python
从django的中间件直接返回请求的方法
2018/05/30 Python
python实现一个简单的ping工具方法
2019/01/31 Python
详解Django项目中模板标签及模板的继承与引用(网站中快速布置广告)
2019/03/27 Python
使用Python操作FTP实现上传和下载的方法
2019/04/01 Python
总结Python图形用户界面和游戏开发知识点
2019/05/22 Python
TensorFlow基于MNIST数据集实现车牌识别(初步演示版)
2019/08/05 Python
python 下 CMake 安装配置 OPENCV 4.1.1的方法
2019/09/30 Python
Python使用GitPython操作Git版本库的方法
2020/02/29 Python
使用Python对Dicom文件进行读取与写入的实现
2020/04/20 Python
python读取yaml文件后修改写入本地实例
2020/04/27 Python
全球性的女装店:storets
2019/06/12 全球购物
幼儿园教师培训制度
2014/01/16 职场文书
中药专业毕业自荐书范文
2014/02/08 职场文书
教师党员承诺书
2014/03/25 职场文书
迟到检讨书范文
2015/01/27 职场文书
绿里奇迹观后感
2015/06/15 职场文书
先进个人主要事迹怎么写
2015/11/04 职场文书
广播稿:校园广播稿范文
2019/04/17 职场文书
MySQL数据库如何查看表占用空间大小
2022/06/10 MySQL