一个<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()方法可以...//clearForm:true, //成功提交后,清除所有表单元素的值 //resetForm:true, //成功提交后,重置所有表单的值 //timeout:3000 //限制请求的时间,当请求大于3秒后,跳出请求 }
使用jQuery.form插件,实现完美的表单异步提交
文件压缩包里有jquery.form.js和使用说明文档 jquery表单验证插件_jquery.form.js
jquery.form.min.js是一个异步提交表单的插件,使用该插件可以设置callback函数,并且页面不会跳转
jquery.form.js,这是一个jquery插件,jquery的ajax无法提交图片,而这个插件可以完美解决,使用方法,将该文件放到jquery后面引入:$('#order_form').ajaxForm(function(a) { var b = eval("(" + a + ")"); alert...
jquery.form.用语ajax提交表单,$("id").submit();可以直接用ajax提交表单,多用于上传图片
jquery表单验证插件jquery.form.js.pdf
jquery.form.js ,
jQuery.form.js 异步提交表单 jQuery.form.js 异步提交表单jQuery.form.js 异步提交表单
jQuery Form Plugin能够让你简洁的将以HTML形式提交的表单升级成采用AJAX技术提交的表单。 插件里面主要的方法, ajaxForm和ajaxSubmit,能够从form组件里采集信息确定如何处理表单的提交过程。 两个方法都支持众多的...
使用jquery.form.js插件,可以完美实现的表单异步提交哦,亲测可用。
jquery 表单插件 可以异步上传表单内容 不用直接构造
jquery.formautofill 表单填充控件,在平时使用页面表单或者弹出窗口需要赋值的时候通常情况要一个一个的赋值,有了这个控件可以实现一句话就轻松搞定。
Asp.Net MVC中jquery.form附件上传例子
jquery.form 3.5版本 表单ajax异步提交
jquery.form.js,这是一个完美提交表单的jquery插件,jquery的ajax无法提交图片,而这个插件可以完美解决,使用方法,将该文件放到jquery后面引入:$('#order_form').ajaxForm(function(a) { var b = eval("(" + a ...