今天碰到的问题,主要是form表单在提交的是没有添加enctype属性,导致无法识别,只要加上enctype=’multitype/formdata’就好了

本篇文章是对在jQuery中动态设置form表单的enctype值的实现代码进行了详细的分析介绍,需要的朋友参考下
 

有些情况下,同一个form在不同的情况下提交到不同的处理动作,可以在js中动态改变form的属性,满足不同条件的form提交需求。


代码简单, 注意2个地方enctypeencoding

如:

复制代码 代码如下:

复制代码 代码如下:

$(“#form”).attr(“enctype”, “multipart/form-data”);
            $(“#form”).attr(“encoding”, “multipart/form-data”);
            $(“#form”).attr(“action”, “XXX.html”);
            $(“#form”).attr(‘method’, ‘POST’);
            $(“#form”)attr(‘target’, frameId);–>指定响应的目标

<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>

代码简单, 注意2个地方 enctype 和…

现在需要条件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″){
$(“#yzc579亚洲城官网,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实现表单动态添加与删除数据操作示例
  • jQuery动态添加及删除表单上传元素的方法(附demo源码下载)
  • jQuery实现表单动态加减、ajax表单提交功能
  • JQuery动态创建DOM、表单元素的实现代码
  • jQuery使用动态渲染表单功能完成ajax文件下载
  • jQuery动态设置form表单的enctype值(实现代码)
  • jQuery实现动态表单验证时文本框抖动效果完整实例
  • jquery
    动态增加,减少input表单的简单方法(必看)
  • jQuery实现表单动态添加数据并提交的方法

Author

发表评论

电子邮件地址不会被公开。 必填项已用*标注