- 浏览: 507401 次
- 性别:
- 来自: 北京
文章分类
- 全部博客 (672)
- 随便写写 (3)
- javascript (16)
- Java exam (58)
- JSP exam (25)
- Servlet exam (25)
- Struts exam (24)
- Spring exam (24)
- Hibernate exam (19)
- EJB exam (25)
- SOA exam (6)
- AJAX exam (25)
- Web开发 exam (25)
- 软件工程 exam (25)
- 项目管理 exam (25)
- .NET exam (23)
- ASP.NET exam (24)
- C# exam (24)
- C++ exam (25)
- C语言 exam (13)
- ASP exam (0)
- PHP exam (0)
- Ruby exam (0)
- Python exam (0)
- Delphi exam (0)
- Linux exam (0)
- UNIX exam (25)
- 数据库 exam (24)
- Oracle exam (25)
- SQL Server exam (20)
- MySQL exam (16)
- Mobile开发 exam (10)
- 嵌入式开发 exam (6)
- 网络安全 exam (0)
- 网络技术 exam (0)
- 综合技术 exam (0)
- HR面试 exam (0)
- 英语面试 exam (0)
- 外企面试 exam (0)
- 软件测试 exam (0)
- QTP exam (0)
- LoadRunner exam (0)
- 网友面经 exam (0)
- 应届生 exam (0)
- 面试指导 exam (0)
- IQ测试 exam (0)
- Flex exam (2)
- uml-ea (1)
最新评论
-
dxking100:
远光没有笔式题的说..
最新远光软件笔试题面试题内容(1) -
heming_way:
谢谢,正在复习软件工程考试呢,呵呵
《软件工程》选择题 -
梅玲达:
可以更详细点吗?
Hibernate中Criteria 和DetachedCriteria的作用是什么? -
buptjian:
学习下,试试看,谢谢啊~
Prototype如何实现页面局部定时刷新? -
bubblegum89:
这个。。。和我笔试时候做的 感觉完全不一样
最新远光软件笔试题面试题内容(3)
可以使用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'})
}
});
例子:
$(”#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'})
}
});
发表评论
-
GWT都有什么特性?
2010-08-12 16:43 520GWT除了支持将应用Java语言开发的应用转化为Ajax应用, ... -
如何开发一个JQuery插件?
2010-08-12 16:43 791JQuery有两种开发插件的 ... -
Prototype如何为一个Ajax添加一个参数?
2010-08-12 16:43 357代码如下:new Ajax.Request('/your_ur ... -
Prototype如何实现页面局部定时刷新?
2010-08-12 16:43 1393可以使用Prototype的Ajax.PeriodicalUp ... -
GWT (Google Web Toolkit)有哪些主要的原件组成?
2010-08-12 16:43 688GWT(Google Web Toolkit)有四个主要的原件 ... -
介绍一下Prototype的$()函数,$F()函数,$A()函数都是什么作用?
2010-08-12 16:43 603$() 方法是在DOM中使用过于频繁的 document.ge ... -
Prototype面试题:Prototype是怎么扩展DOM的?
2010-08-12 16:43 789Prototype框架最大的一部分就是对DOM的扩展, Pro ... -
AJAX应用和传统Web应用有什么不同?
2010-08-12 16:43 752在传统的Javascript编程中,如果想得到服务器端数据库或 ... -
什么是Remote Module
2010-08-12 16:43 641GWT没有这个概念,这个概念是Cypal插件定义的,它其实就是 ... -
介绍一下XMLHttpRequest对象
2010-08-12 16:43 682通过XMLHttpRequest对象,Web开发人员可以在页面 ... -
Ajax请求总共有多少种Callback?
2010-08-12 16:43 1129Ajax请求总共有八种Callback -
GWT的应用有哪两种部署模式?
2010-08-12 16:43 645Google Web Toolkit应用部署有两种模式,一种是 ... -
Ajxa常见问题都有哪些?
2010-08-12 16:43 686(1) js脚本缓存问题 答:这个问题是大家遇到最 ... -
ajax是什么及其工作原理?
2010-08-12 16:43 663Ajax 由 HTML、JavaScript™ 技术、DHTM ... -
Prototype中如何为一个元素添加一个方法?
2010-08-12 16:43 610Prototype提供的Element.addMethods( ... -
如何利用XMLHTTP检测URL及探测服务器信息
2010-08-12 16:43 759利用XMLHTTP检测或监测URL,确认某个网页或网站是否可以 ... -
Javascript如何发送一个Ajax请求?
2010-08-12 16:43 910代码:new Ajax.Request('/your_url' ... -
AJAX的全称是什么? 介绍一下AJAX
2010-08-12 16:43 942AJAX的全称是Asynchronous JavaScript ... -
什么是GWT的Entry Point
2010-08-12 16:43 1079Entry Point可以理解为gwt对界面上不同模块部分的封 ... -
什么是GWT的Module
2010-08-12 16:43 694Module是GWT打包资源的方式,一个资源的集合。根据资源的 ...
相关推荐
Java Web Jquery表单验证 jQuery是一个流行的JavaScript库,可用于在网页上进行各种操作,包括表单验证。 1、将基于Jquery的表单验证的调查问卷分为四个部分:FrontPage.html、write.html、end.html、style.css。 1...
以下是使用JQuery进行表单验证的基本步骤: 1. **选择器与DOM操作**:利用JQuery的选择器,如`$("#myForm")`,选取表单元素,然后使用`.find()`或直接使用类名、ID等选择表单字段,如`$("#username"), $("#email")`...
本文主要针对“jquery表单验证插件”进行详细介绍,并通过示例代码展示其使用方法。 #### 二、jQuery Form插件介绍 jQuery Form插件由Malsup开发,是一款非常实用的jQuery扩展,能够极大地简化表单的Ajax提交过程。...
jQuery Validation Engine 是一个功能强大的表单验证插件,以其简单易用和丰富的自定义选项而受到开发者的青睐。 ## 1. jQuery Validation Engine 插件简介 jQuery Validation Engine 是一款基于 jQuery 库的验证...
以上就是jQuery Validate的基本使用和核心概念,通过熟练掌握这些,你可以轻松实现高效且用户友好的表单验证。记住,始终要关注用户体验,避免过于繁琐的验证过程,同时确保数据安全性和准确性。
《jQuery表单验证详解》 在Web开发中,表单验证是不可或缺的一部分,它能确保用户输入的数据符合预设的规则,从而保护服务器免受不合法数据的影响,提高用户体验。jQuery,作为一款广泛使用的JavaScript库,提供了...
综上所述,"Jquery表单验证特效示例"涵盖了使用jQuery进行表单验证的基本原理、常见规则、自定义规则和视觉反馈。通过学习和实践这些示例,开发者能够创建出既有实用性又有吸引力的表单验证机制,从而提高网站或应用...
jQuery Validate插件作为一款强大的JavaScript验证工具,广泛应用于各种表单验证场景,包括手机注册表单验证。本文将深入探讨jQuery Validate插件的使用方法,以及如何将其应用于手机注册表单的验证。 一、jQuery ...
基于jquery框架,采用jQuery formValidator表单验证插件。
jQuery Form 验证插件充分利用了jQuery的优势,使得开发者可以通过简单的API调用来实现复杂的表单验证功能。 **HTML**(HyperText Markup Language)是网页制作的基础,而**form**元素则是HTML中的表单标签,用于...
如何使用 jQuery 进行表单验证 在 Web 开发中,表单验证是一个非常重要的步骤,旨在确保用户输入的数据的正确性和有效性。jQuery 是一个非常流行的 JavaScript 库,提供了许多有用的功能来简化 Web 开发。下面,...
jQuery作为一个强大的JavaScript库,提供了简单易用的API来进行表单验证。本实例将深入探讨如何利用jQuery实现网站会员注册表单的验证,并在用户提交form表单时进行有效控制。 首先,我们需要理解jQuery的核心概念...
总之,jQuery提供了强大的工具来简化表单验证的实现,通过结合DOM操作、事件处理和正则表达式,我们可以创建出功能完善、用户体验良好的用户注册表单。这个小项目可以帮助你深入理解这些概念,并实践在实际项目中。
以上就是使用jQuery进行表单验证的基本知识,对于“百度注册页面”这样的应用场景,这些技巧将确保收集到的用户数据准确且有效。通过深入理解和实践,开发者可以创建出更健壮、更友好的注册流程。在压缩包中的文件...
"jquery表单验证特效"这个主题涉及到使用jQuery进行表单验证,这是一种提高用户体验的有效方式,通过实时验证用户输入的数据,确保其正确性和完整性,避免提交无效或错误的信息。 表单验证通常是网页应用程序不可或...
在本文中,我们将探讨如何使用 JQuery 进行表单验证,并且介绍了 JQuery-validate 插件的使用方法。同时,我们还将讨论 AJAX 技术在表单验证中的应用。 一、AJAX 技术简介 AJAX(Asynchronous JavaScript and XML...
jQuery表单验证插件** jQuery有许多优秀的表单验证插件,例如jQuery Validation Plugin。这个插件提供了丰富的验证规则和自定义错误消息功能。通过简单的配置,可以实现各种复杂的验证需求。 **4. 验证规则** - **...
"jQuery滑动表单验证效果"是一个示例项目,旨在展示如何利用jQuery实现动态、互动的验证反馈,为用户带来更流畅的表单填写体验。 在这个项目中,"FancySlidingForm"可能是主要的HTML文件,包含了表单的结构和样式。...