Question

html有两个form,form里面分别有两个提交按钮,为什么点击一个提交按钮能提交另一个表单中的数据?

<form id="form" name="form" method="post" action="addmore.php"
enctype="multipart/form-data" onsubmit="return checkfun();">

<form action="upload_file.php" name="upload_file" method="post"

enctype="multipart/form-data" target="formsubmit">

<input type="submit" class="a c" name="submit" value="上传" /

</form>

<input type="submit" class="btn btn-primary" value="添加" name="sub" />
</form

Answer 1

<form id="form" name="form" method="post" action="addmore.php" onsubmit="return checkfun();" enctype="multipart/form-data">
<input type="button" class="a c" onclick="submitForm(this.value)" value="上传" /
<input type="button" class="btn btn-primary" onclick="submitForm(this.value)" value="添加" name="sub" />
</form

<script>
function submitForm(act){
var f = document.getElementById('form');

if(act == '上传') {
f.action = 'upload_file.php';
} else {
f.action = 'addmore.php';
}

f.submit();

}
</script>

追问

我的form中有一个方法用来验证表单必填项是否为空onsubmit="return checkfun();"
我按照你的放大改完之后上传按钮还是能去check必填项是否为空。。。我想让这个上传文件按钮完全独立应该怎么办？

追答

function submitForm(act){
var f = document.getElementById('form');

if(act == '上传') {
// 检查表单
if(!checkfun()) {
return;
}
f.action = 'upload_file.php';
} else {
// 检查表单
if(!checkfun()) {
return;
}
f.action = 'addmore.php';
}
f.submit();
}

Answer 2

form标签里面不能嵌套form！

追问

那我应该怎么处理呢？求指教谢谢！！

Answer 3

你的两个提交按钮是在哪里

追问

看我问题补充里面的这种形式，这样可不可以？如果可以的话为什么我在点击上传的时候能提交name = "form"这个表单里面的内容呢？

追答

我想不明白的是 你这样处理没有问题吗？
为什么不在点提交的时候再上传图片 而是直接上传？

如果上传第一张错了，再传一张，那服务器的带宽会有影响的！！！

追问

谢谢您的建议