back>>
http://www.cnblogs.com/wzmaodong/archive/2009/03/03/1402635.html
使用示例：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>form表单插件</title>
<script type="text/javascript"
src="js/jquery.form.js">
</script>
<style type="text/css">
body{font-size:13px}
.divFrame{width:260px;border:solid 1px #666}
.divFrame .divTitle{padding:5px;background-color:#eee;font-weight:bold}
.divFrame .divContent{padding:8px;line-height:1.6em}
.divFrame .divBtn,#divData{padding-bottom:8px;padding-left:8px}
.txt{border:#666 1px solid;padding:2px;width:150px;margin-right:3px}
.btn {border:#666 1px solid;padding:2px;width:80px;
filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffff, EndColorStr=#ECE9D8);}
</style>
<script type="text/javascript">
$(function() {
//定义一个表单提交时的对象
var options = {
url:"Login.aspx", //默认为form中的action,设置后便覆盖默认值
target: "#divData" //将服务器返回的数据显示在Id号为divData元素中
}
$("#frmUserInfo").ajaxForm(options);//以Ajax的方式提交表单
})
</script>
</head>
<body>
<form id="frmUserInfo" method="get" action="#">
<div class="divFrame">
<div class="divTitle">
用户登录
</div>
<div class="divContent">
<div>
用户名：
<input id="username" name="username"
type="text" class="txt" />
</div>
<div>
密码：
<input id="userpass" name="userpass"
type="password" class="txt" />
</div>
</div>
<div class="divBtn">
<input id="sbtUser" type="submit"
value="提交" class="btn" />
</div>
<div id="divData"></div>
</div>
</form>
</body>
</html>
分享到：
相关推荐
jQuery.form插件正是为了满足这种需求而设计的，它扩展了jQuery库，使表单异步提交变得更加简单、灵活且强大。本文将详细介绍如何使用jQuery.form插件，实现完美的表单异步提交。 首先，我们需要了解jQuery.form...
今天我们将深入探讨的是一个关于jQuery的实用工具——"jquery form表单美化插件"。这个插件专门用于提升网页表单的用户体验和视觉效果，使原本平淡无奇的HTML表单变得更具吸引力。 首先，我们要理解jQuery Form插件...
jQuery Form插件由Malsup开发，是一款非常实用的jQuery扩展，能够极大地简化表单的Ajax提交过程。它不仅提供了一套完整的API来管理表单数据，还支持复杂的表单验证与文件上传等功能。 ##### 2.1 主要特性 - **Ajax...
jQuery-form 是一个强大的jQuery插件，专门用于处理HTML表单的提交、上传和Ajax交互，大大简化了前端开发者与服务器端进行数据交换的过程。这个插件使得动态表单的创建和管理变得更加简单，同时提供了丰富的功能，如...
**Ajax表单提交插件jQuery Form** 在Web开发中，jQuery Form插件是一个非常实用的工具，它使得使用Ajax技术提交HTML表单变得简单而直观。这个插件扩展了jQuery库，提供了强大的功能，允许开发者无刷新地更新页面...
"jquery form表单美化插件修订"这个主题涉及到了jQuery的一个具体应用，即对网页表单进行美化，以提供更好的用户体验。表单是网页互动的重要组成部分，美观且易用的表单设计可以提高用户满意度，从而提升网站的整体...
jQuery Form Plugin能够让你简洁的将...插件里面主要的方法, ajaxForm和ajaxSubmit,能够从form组件里采集信息确定如何处理表单的提交过程。 两个方法都支持众多的可选参数，能够让你对表单里数据的提交做到完全的控制。
而jQuery Form AJAX插件则是jQuery库中的一个实用工具，它使得表单提交过程变得更加简单、高效，尤其在处理异步数据交换时，极大地提升了用户体验。本文将深入探讨jQuery Form AJAX插件的原理、使用方法以及实践中的...
- **异步提交**：jQuery Form插件通过AJAX技术实现无刷新表单提交，提高用户体验。 - **文件上传**：支持AJAX方式上传文件，避免页面刷新，可以显示上传进度。 - **实时验证**：可以在用户填写表单时进行验证，...
jQuery Form 验证插件充分利用了jQuery的优势，使得开发者可以通过简单的API调用来实现复杂的表单验证功能。 **HTML**（HyperText Markup Language）是网页制作的基础，而**form**元素则是HTML中的表单标签，用于...
`A Jquery Inline Form Validation` 是一个高质量的jQuery插件，专注于提供直观且高效的前端表单验证功能。这个插件通过在用户输入时即时显示错误信息，使得验证过程更加顺畅，减少了用户在提交表单后发现错误的情况...
本篇文章将深入探讨jQuery的表单插件，特别是针对"jquery.form.js"这个核心文件，我们将解析其功能、使用方法以及常见应用场景。 ### 一、jQuery Form插件概述 jQuery Form插件是由Malsup开发的一个扩展，它提供了...
**jQuery FormValidation插件**是前端开发中一个广泛使用的工具，专门用于实现高效且用户友好的表单验证。这个插件基于流行的JavaScript库jQuery构建，它简化了在Web应用程序中实施复杂的验证规则的过程。在标题提到...
本篇文章将深入探讨“jQuery插件：form表单验证”这一主题，包括其工作原理、如何调用以及实际应用。 表单验证是Web应用程序中的一个关键部分，确保用户输入的数据符合预设的规则，防止错误数据的提交。jQuery插件...
**jQuery表单验证插件详解** 在Web开发中，表单验证是不可或缺的一部分，它确保用户输入的数据符合预设的规则，从而提高用户体验并减少服务器端的负担。jQuery，一个轻量级、高性能的JavaScript库，提供了丰富的API...
9. **与其他jQuery插件的兼容性**：由于基于jQuery，这个验证插件能很好地与其它jQuery UI组件或表单增强插件（如Bootstrap Form Validation）协同工作。 在实际应用中，使用jQuery Validate插件通常包括以下步骤：...
`jQuery validate` 和 `jQuery form` 插件是 jQuery 生态系统中的两个重要工具，它们分别用于增强表单验证和实现 AJAX 无刷新提交，从而提供更流畅的用户体验。 **jQuery validate 插件** `jQuery validate` 是一...
本文将聚焦于jQuery中的一个特定插件——表单插件`form`，来探讨如何利用它来增强网页表单的功能和用户体验。 表单插件`form`是jQuery的一个扩展，主要用于处理表单数据的提交与验证。它提供了异步提交表单的能力，...
本实例主要关注使用jQuery来美化form表单，包括input输入框、select下拉框、复选框和单选框等常见的表单元素。 首先，`index.html`是项目的核心文件，它包含了整个页面的结构和内容。在HTML中，我们会定义各个表单...