如何用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解析URL是哪个函数?怎么用?
May 09 面试题
c++工程师面试问题
Aug 04 面试题
简述数据库的设计过程
Jun 22 面试题
采用怎样的方法保证数据的完整性
Dec 02 面试题
.NET程序员的数据库面试题
Oct 10 面试题
XML文档面试题
Aug 05 面试题
逻辑链路控制协议
Oct 01 面试题
几个Linux面试题笔试题
Aug 01 面试题
恒华伟业笔试面试题
Feb 26 面试题
几道Web/Ajax的面试题
Nov 05 面试题
Ajax和javascript的区别
Jul 20 面试题
GWT都有什么特性
Dec 02 面试题
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
天使彦史上最神还原,性别曝光的那一刻,百万网友恋爱了
2020/03/02 国漫
php自动加载的两种实现方法
2010/06/21 PHP
thinkPHP实现MemCache分布式缓存功能
2016/03/23 PHP
document.open() 与 document.write()的区别
2007/08/13 Javascript
csdn 论坛技术区平均给分功能
2009/11/07 Javascript
浅谈Javascript中匀速运动的停止条件
2014/12/19 Javascript
jQuery实现打开页面渐现效果示例
2016/07/27 Javascript
JS实现快速的导航下拉菜单动画效果附源码下载
2016/11/01 Javascript
js return返回多个值,通过对象的属性访问方法
2017/02/21 Javascript
Bootstrap fileinput组件封装及使用详解
2017/03/10 Javascript
Vue实现双向数据绑定
2017/05/03 Javascript
将 vue 生成的 js 上传到七牛的实例
2017/07/28 Javascript
谈谈对vue响应式数据更新的误解
2017/08/01 Javascript
js隐式转换的知识实例讲解
2018/09/28 Javascript
jquery实现下载图片功能
2019/07/18 jQuery
jQuery实现简单弹幕效果
2019/11/28 jQuery
Python可变参数函数用法实例
2015/07/07 Python
Python 'takes exactly 1 argument (2 given)' Python error
2016/12/13 Python
使用python获取csv文本的某行或某列数据的实例
2018/04/03 Python
flask框架实现连接sqlite3数据库的方法分析
2018/07/16 Python
使用Python写一个量化股票提醒系统
2018/08/22 Python
Python mutiprocessing多线程池pool操作示例
2019/01/30 Python
django 邮件发送模块smtp使用详解
2019/07/22 Python
python生成requirements.txt的两种方法
2019/09/18 Python
python自动化实现登录获取图片验证码功能
2019/11/20 Python
python 使用shutil复制图片的例子
2019/12/13 Python
使用Django清空数据库并重新生成
2020/04/03 Python
python利用 keyboard 库记录键盘事件
2020/10/16 Python
is_file和file_exists效率比较
2021/03/14 PHP
思想汇报范文
2013/11/04 职场文书
安全生产责任书
2014/03/12 职场文书
葬礼司仪主持词
2014/03/31 职场文书
医院党建工作总结2015
2015/05/26 职场文书
优秀教师工作总结2015
2015/07/22 职场文书
初中政治教学工作总结
2015/08/13 职场文书
基于Redis实现分布式锁的方法(lua脚本版)
2021/05/12 Redis