1dd a form to your page. Just a normal form, no special markup required: <form id="myForm" action="comment.php" method="post">
Name: <input type="text" name="name" />
Comment: <textarea name="comment"></textarea>
<input type="submit" value="Submit Comment" />
</form>
------------------------------------------------
2Include jQuery and the Form Plugin external script files and a short script to initialize the form when the DOM is ready: <html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.js"></script>
<script src="http://malsup.github.com/jquery.form.js"></script>
<script>
// wait for the DOM to be loaded
$(document).ready(function() {
// bind 'myForm' and provide a simple callback function
$('#myForm').ajaxForm(function() {
alert("Thank you for your comment!");
});
});
</script>
</head>
...
----------------------------------------------------
举一个小例子
<script type="text/javascript">
</script>
<form id="personal" enctype="multipart/form-data" method="post">
<input type="hidden" id="photoName" name="photoName"/>
<input type="hidden" id="updateEditType" name="editType" value="update"></input>
</form>
<p><button onclick="submit()" 修改button></p>
-----------------------------
var personal = {
url: "",
beforeSubmit: showRequest,
success: showResponse
};
function showRequest(formData, jqForm, options) {
$('#msg').show();
return true;
}
function showResponse(responseText, statusText) {
$('#msg').html("操作完成！").hide();
alert("操作成功！");
$('#msg').hide();
//修改id="photo"的src属性
document.getElementById('photo').src = "";
$('#createEditType').val('update');
}
function submit(){
var photoName = document.getElementById('photoName').value;
if (photoName == "") {
alert("no,no,no,photo！");
return false;
}
$('#personal').ajaxSubmit(personalPortraitOptions);
}
分享到：
相关推荐
jquery.form.js jquery.form.js
在这个主题中，我们将深入探讨jQuery Form的核心功能、使用方法以及常见应用场景。 一、jQuery Form插件简介 jQuery Form插件主要由`jquery.form.js`脚本组成，它扩展了jQuery的$.ajax方法，提供了一种更加简单...
文档`jquery表单验证插件_jquery.form.js.doc`应该包含了更详细的使用指南、示例代码以及常见问题解答。在实际应用中，开发者应仔细阅读这份文档，理解每个选项和方法的含义，以便更好地利用jQuery Form Plugin。 ...
jquery.form.min.js是一个异步提交表单的插件，使用该插件可以设置callback函数，并且页面不会跳转
jquery.form.js解决opera冲突问题 使用jquery.form.js如果jquery使用的是1.9以上的版本会报opera找不到 以解决 备份下
2. **初始化插件**：使用`$.ajaxForm()`或`$.fn.ajaxForm()`方法初始化表单，例如： ```javascript $('#myForm').ajaxForm({ url: 'submit.php', type: 'POST', success: function(response) { // 成功提交后...
本文将详细探讨`jquery.form.js`的使用方法、主要功能及其在实际项目中的应用。 一、`jquery.form.js`简介 `jquery.form.js`是由Malsup开发的一款jQuery插件，它的主要目标是提供一种优雅的方式来处理表单的异步...
Jquery.form.js可以非常简单的实现表单的异步提交，相对于同样是异步上传的ajaxfileupload，它能够实现文件跨域上传。
- **$.ajaxForm()**：这是`jquery.form.js`的主要方法，用于绑定表单元素，实现Ajax方式的文件上传。它可以接收一个回调函数，当上传成功或失败时执行。 - **$.ajaxSubmit()**：这个方法可以直接触发表单的Ajax提交...
* jQuery Form Plugin * version: 4.2.2 * Requires jQuery v1.7.2 or later * Project repository: https://github.com/jquery-form/form * Copyright 2017 Kevin Morris * Copyright 2006 M. Alsup * Dual ...
从提供的文件信息中，我们可以抽取出关于jquery表单验证插件jquery.form.js的知识点，包括其使用方法、功能和相关API介绍等。 首先，jquery.form.js是一个专门用于处理表单的jQuery插件，它提供了简化AJAX表单提交...
本文将详细介绍如何使用jQuery.form插件，实现完美的表单异步提交。 首先，我们需要了解jQuery.form插件的基本用法。在开始之前，请确保已经在项目中引入了jQuery库以及jQuery.form插件。通常，这两个文件可以通过...
使用jQuery Form Plugin，开发者可以轻松实现表单的验证，例如通过自定义函数或内置的验证规则检查输入数据的有效性。此外，它还提供了丰富的事件回调，如`beforeSubmit`、`success`和`error`，允许开发者在表单生命...