jquery改变form属性,提交表单
2014-06-01 16:28
405 查看
有些情况下,同一个form在不同的情况下提交到不同的处理动作,可以在js中动态改变form的属性,满足不同条件的form提交需求。
如:
现在需要条件1的情况下按上面的方式提交,以method="POST" enctype="multipart/form-data" action="action1.jsp" target="iframe"提交到action1.jsp进行处理;条件2的情况下需要按照普通文本方式提交到action2.jsp处理,并打开新页面。则需要通过js的方式动态改变form的属性:
注:
改变form的enctype属性时,如果只写$("#form").attr("enctype","application/x-www-form-urlencoded");
将不起作用,必须将以下两句结合才能生效:
$("#form").attr("enctype","application/x-www-form-urlencoded");
$("#form").attr("encoding","application/x-www-form-urlencoded");
其中,enctype的属性值含义参考博文《HTML <form> 标签的 enctype 属性》
如:
<form id="form" name="form" method="POST" enctype="multipart/form-data" action="action1.jsp" target="iframe"> <input type="file" name="file" id="file" class="input_text80"></input> <input id="name" name="name"/> <input type="button" value="更新到探测点" onClick="javascript:formSubmit();"></input> </form> <iframe name="iframe"></iframe>
现在需要条件1的情况下按上面的方式提交,以method="POST" enctype="multipart/form-data" action="action1.jsp" target="iframe"提交到action1.jsp进行处理;条件2的情况下需要按照普通文本方式提交到action2.jsp处理,并打开新页面。则需要通过js的方式动态改变form的属性:
function formSubmit(){ if(flag=="1"){ $("#form").submit(); }else if(flag=="2"){ $("#form").attr("action","deployResult.jsp"); $("#form").attr("target","_blank"); $("#form").attr("method","GET"); $("#form").attr("enctype","application/x-www-form-urlencoded"); $("#form").attr("encoding","application/x-www-form-urlencoded"); $("#form").submit(); } }
注:
改变form的enctype属性时,如果只写$("#form").attr("enctype","application/x-www-form-urlencoded");
将不起作用,必须将以下两句结合才能生效:
$("#form").attr("enctype","application/x-www-form-urlencoded");
$("#form").attr("encoding","application/x-www-form-urlencoded");
其中,enctype的属性值含义参考博文《HTML <form> 标签的 enctype 属性》
相关文章推荐
- jquery动态改变form属性提交表单
- jquery动态改变form属性提交表单
- jquery动态改变form属性提交表单
- jQuery改变form表单的action,并进行提交
- jquery 自动创建form表单提交代码 下拉条 ajax模板代码 添加_移除 属性_样式
- jQuery改变form表单的action,并进行提交的实现代码
- Jquery提交表单 Form.js官方插件介绍
- Jquery提交表单 Form.js官方插件介绍
- jquery form plugin( ajax表单提交 )
- JQuery Form Ajax提交asp.net表单时失败
- Jquery提交表单 Form.js官方插件介绍
- 如何动态的提交表单(即改变form的action)
- jQuery Form Plugin (二) :使用AJAX提交Form表单
- Jquery.Form 异步提交表单实例
- jQuery Form Plugin:AJAX方式提交表单的完全方案
- 关于form表单的submit提交时对象没有该属性和方法问题
- jQuery Form Plugin (一) :使用AJAX提交Form表单
- JQuery Form Ajax提交Asp.Net表单时的验证视图状态 MAC 失败
- 利用jQuery Form插件实现表单的ajax提交(原创)
- JQuery Form Ajax提交Asp.Net表单时的验证视图状态 MAC 失败