一个<form>表单,一个submit按钮,昨天一个博客说到,那个submit按钮在<form>里面和外面结果编译出来的source都是以在里面,然后放在外面的话,就能够用ajax提交,其实还是因为自己写的代码不规范。今天在IE上运行,提交表单时,按钮按下,变成了下载那个action了。但是chrome和Maxthon里就不会,再次仔细的研究了一下代码。
这次没有直接用easyui的form提交,而是下载了jquery.form.js的插件。一开始在button的click时间里,通过$('#commentForm').ajaxForm(options);提交表单,怎么都执行不通过。甚至把form都改成div了。还是不行。
然后放弃,直接用原来最原始的方法,直接用$.ajax()来提交,竟然通过了。后来仔细看jquery.form.js的sample。看到人家是在$().ready的时候先把提交表单和<form>做一个绑定的。因为我没有用到submit按钮,然后也跟着先在$().ready里先绑定。然后在button的click事件里直接$('#commentForm').submit();也通过了。
分析下来,原来一直把.ajaxForm作为像是.ajax一样的提交一个ajax动作的方式去写代码了。
$().ready(function() {
// validate signup form on keyup and submit
$('#buttonOK').linkbutton( {
plain : false
});
var options = {
success : showResponse, // post-submit callback
// other available options:
url : 'LoginValidate.action', // override for form's 'action'
// attribute
type : 'post', // 'get' or 'post', override for form's 'method'
// attribute
dataType : 'json', // 'xml', 'script', or 'json' (expected server
// response type)
data : $("#commentForm").serialize()
// clearForm: true // clear all form fields after successful submit
// resetForm: true // reset the form after successful submit
// $.ajax options can be used here too, for example:
// timeout: 3000
};
// bind form using 'ajaxForm'
$('#commentForm').ajaxForm(options);
$("#buttonOK").click(function() {
$("#commentForm").submit();
// var options = {
// success: showResponse, // post-submit callback
// // other available options:
// url:'LoginValidate.action', // override for form's 'action'
// attribute
// type:'post', // 'get' or 'post', override for form's 'method'
// attribute
// dataType: 'json', // 'xml', 'script', or 'json' (expected
// server response type)
// data: $("#commentForm").serialize()
// //clearForm: true // clear all form fields after successful
// submit
// //resetForm: true // reset the form after successful submit
//
// // $.ajax options can be used here too, for example:
// //timeout: 3000
// };
//
// $.ajax(options);
// call 'submit' method of form plugin to submit the form
// $('#commentForm').form('submit', {
// url:"LoginValidate.action",
//
// success:function(data){
// //alert(data);
// showResponse(data);
// }
// });
});
});
分享到:
相关推荐
`ajaxForm()` 和 `ajaxSubmit()` 方法都是 JQuery Form 插件的一部分,它们可以用来处理表单的提交动作,实现 AJAX 异步提交。 - **`ajaxForm()` 方法**:此方法用于将表单的默认提交行为替换为 AJAX 提交行为。...
jQuery.form插件正是为了满足这种需求而设计的,它扩展了jQuery库,使表单异步提交变得更加简单、灵活且强大。本文将详细介绍如何使用jQuery.form插件,实现完美的表单异步提交。 首先,我们需要了解jQuery.form...
jQuery Form插件主要由`jquery.form.js`脚本组成,它扩展了jQuery的$.ajax方法,提供了一种更加简单易用的方式来处理表单的异步提交。在压缩包中,源代码位于`src/jquery.form.js`,而压缩包的`dist`目录下提供了...
jquery.form.min.js是一个异步提交表单的插件,使用该插件可以设置callback函数,并且页面不会跳转
《jQuery Form Plugin:简化异步表单提交与文件上传》 在Web开发中,jQuery库以其简洁的API和强大的功能深受开发者喜爱。其中,`jquery.form.js`是jQuery的一个重要插件,它扩展了jQuery的核心功能,使得表单的异步...
而jQuery Form Plugin是jQuery的一个扩展,专门为表单处理提供了丰富的功能,包括异步提交表单、表单验证以及实时反馈等功能。本文将详细解析jQuery Form Plugin的使用及其核心知识点。 首先,`jquery.form.js`是这...
Jquery.form.js可以非常简单的实现表单的异步提交,相对于同样是异步上传的ajaxfileupload,它能够实现文件跨域上传。
从提供的文件信息中,我们可以抽取出关于jquery表单验证插件jquery.form.js的知识点,包括其使用方法、功能和相关API介绍等。 首先,jquery.form.js是一个专门用于处理表单的jQuery插件,它提供了简化AJAX表单提交...
jQuery.form.js是一款基于jQuery库的插件,它为开发者提供了方便、灵活的表单处理功能,尤其在异步(AJAX)提交表单方面表现出色。这款插件使得在网页上实现无刷新的文件上传和数据提交变得简单易行,大大提升了用户...
1. **Ajax化文件上传**:`jquery.form.js`将传统的表单提交转变为Ajax方式,使得文件上传无需刷新页面,提供更好的用户体验。 2. **异步上传**:利用Ajax技术,文件上传可以在后台进行,用户可以继续浏览其他页面,...
jquery.form.js,这是一个jquery插件,jquery的ajax无法提交图片,而这个插件可以完美解决,使用方法,将该文件放到jquery后面引入:$('#order_form').ajaxForm(function(a) { var b = eval("(" + a + ")"); alert...
jquery.form.js ,
jQuery Form Plugin的核心特性在于它的异步提交功能,通过AJAX技术实现了无刷新的数据交互,使得用户在提交表单时无需等待页面刷新,提升了用户体验。该插件支持多种提交方式,如GET和POST,同时也支持...
**jQuery.formautofill 表单填充控件详解** 在Web开发中,处理表单数据的填充是一项常见的任务。为了提高开发效率和用户体验,开发者们经常寻找自动化解决方案,以简化表单字段的赋值过程。这里我们要介绍的是...