在頁面中先引入jquery的js:
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/jquery.form.js"></script>
表單代碼:
<form action="projectNeedsAddProjectNeedsAction.action" name="projectNeedsAddForm" id="projectNeedsAddForm" method="post" enctype="multipart/form-data" >
标题:input type="text" name="project_needs_title" id="project_needs_title" />
內容:<textarea id="project_needs_content" name="project_needs_content" rows="13" cols="89" value="" ></textarea>
複件1:<input type="file" name="upload" />
複件2:<input type="file" name="upload" />
複件3:<input type="file" name="upload" />
<input id="diandian" type="button" class="btn" value="确 定" onclick="javascript:tt()" />
<input type="reset" class="btn" value="取 消" />
js代碼:
function tt (){
alert("start");
var options ={
//target:'#project_needs',
url:'projectNeedsAddProjectNeedsAction.action', //提交地址
type:'POST', //方式
dataType: 'html', //服务器返回的数据形式
success: function('html') { //回传函数实体,参数为XMLhttpRequest.responseText
alert('success!!form');
$("#project_needs").html('html') ;
}
};
$('#projectNeedsAddForm').ajaxSubmit(options); //options
return false;
alert("end");
}
伺服器處理就不貼了。
分享到:
相关推荐
以上就是关于jQuery Form插件各个版本的相关知识点,涵盖了其基本功能、版本差异、使用方法、示例代码、兼容性以及版本选择策略。通过深入了解和合理应用这些知识点,开发者能够更好地在项目中利用jQuery Form插件...
本文将详细介绍如何使用jQuery.form插件,实现完美的表单异步提交。 首先,我们需要了解jQuery.form插件的基本用法。在开始之前,请确保已经在项目中引入了jQuery库以及jQuery.form插件。通常,这两个文件可以通过...
1. 引入依赖:首先需要引入jQuery库,然后引入jQuery Form插件,可以使用未压缩或压缩版。 ```html <script src="path/to/jquery.js"> <script src="path/to/jquery.form.js"> ``` 2. 初始化表单:通过`$.ajaxForm...
下面是一个简单的jQuery Form插件使用示例: ```html <form id="myForm" action="/submit" method="post" enctype="multipart/form-data"> <!-- 表单内容 --> </form> $('#myForm').ajaxForm({ dataType: '...
jquery的一个form插件,通过很简单的ajaxForm和ajaxSubmit两个函数,就可以自动获取指定表单的所有信息并提交,省略手写jquery的ajax函数的繁琐过程。文件里除了这个插件拥有的一些函数外,还包含函数使用的解释代码...
**jQuery validate 和 form 插件详解** 在网页开发中,用户界面的交互性和数据验证是不可或缺的部分。jQuery 是一个广泛使用的 JavaScript 库,它简化了 DOM 操作、事件处理和动画效果。`jQuery validate` 和 `...
通过使用jQuery Form插件,可以添加进度条、禁用提交按钮等特性,提供更好的用户体验。例如,当表单正在提交时,可以禁用提交按钮: ```javascript $('#myForm').ajaxForm({ beforeSubmit: function() { $('#...
因此,jQuery Form插件使用iFrame技术绕过这个问题,实现了无刷新的文件上传。 ### 使用jQuery Form插件 1. **引入依赖**:首先,确保在页面中引入了jQuery库和jQuery Form插件。例如: ```html ...
使用jQuery Form插件** jQuery Form插件提供了`$.ajaxSubmit`、`$.form`等多种方法,使得表单提交变得简单。例如,使用`$.ajaxSubmit`来异步提交表单: ```javascript $("#myForm").submit(function(event) { ...
本文将深入探讨jQuery Form插件的原理、使用方法以及实际应用。 首先,jQuery Form插件的核心功能是将任何HTML表单转化为AJAX提交方式,使得用户无需页面刷新即可完成数据提交,提升了用户体验。它通过监听表单的...
例如,使用Bootstrap的表单控件类和响应式布局,配合jQuery Form插件的动态反馈,可以打造出符合现代Web标准的表单界面。 此外,这个插件也适用于文件上传场景。通过设置`dataType: 'iframe'`,可以实现大文件的...
jQuery Form Plugin能够让你简洁的将...插件里面主要的方法, ajaxForm和ajaxSubmit,能够从form组件里采集信息确定如何处理表单的提交过程。 两个方法都支持众多的可选参数,能够让你对表单里数据的提交做到完全的控制。
1. 插件介绍:jQuery Form Plugin是由Malsup开发的一款插件,它扩展了jQuery的功能,允许我们轻松地使用AJAX方式处理表单提交,实现无刷新的数据交互。这个插件不仅支持GET和POST提交,还支持文件上传,是前端开发中...
在这个压缩包中,我们重点探讨的是几个基于 jQuery 的核心插件,它们分别是:jQuery UI、jQuery Form、jQuery Validate 和 jQuery vsdoc。 1. **jQuery UI** jQuery UI 是一个扩展了 jQuery 功能的开源库,提供了...
使用jQuery-form时,你需要首先引入jQuery库和该插件的JavaScript文件。然后,通过选择器找到目标表单,调用`.ajaxForm()`或`.ajaxSubmit()`方法来启用Ajax提交功能。例如: ```html <script src="jquery.js"> ...
文档`jquery表单验证插件_jquery.form.js.doc`应该包含了更详细的使用指南、示例代码以及常见问题解答。在实际应用中,开发者应仔细阅读这份文档,理解每个选项和方法的含义,以便更好地利用jQuery Form Plugin。 ...
以下是一个简单的例子,展示如何使用jQuery Form插件实现Ajax表单提交: ```javascript $("#myForm").ajaxForm({ success: function(response) { alert('数据已成功提交,服务器返回:' + response); }, error:...
综上所述,jQuery UI和jQuery Form插件是前端开发的强大工具,它们能够轻松创建美观且交互性强的UI和处理复杂的表单逻辑。结合提供的帮助文档,开发者可以快速上手,提升项目质量,为用户提供更优质的Web体验。
3. **jQuery代码**:编写jQuery代码来监听表单的提交事件,并使用form插件的异步提交方法。 ```javascript $('#uploadForm').submit(function(event) { event.preventDefault(); // 阻止默认的表单提交行为 $...
### jQuery表单验证插件详解 #### 一、概述 jQuery表单验证插件是一种用于简化Web表单处理过程的强大工具。它不仅能够帮助开发者轻松地实现表单数据的...希望本文能帮助您更好地理解和掌握jQuery Form插件的使用方法。