关于html表单提交问题

Question

我有如下两个表单

但是我第二表单填写完好后，还是会提示，有某某地方输入为空。
代码如下：

function btnAction() { document.getElementById('file').click(); } function checkLogin(){ var name=window.document.getElementById("name").value; var intro=window.document.getElementById("introduction").value; var percent=window.document.getElementById("percentOfGreat").value; var months=window.document.getElementById("monthOfsales").value; var aver=window.document.getElementById("averagePrice").value; var img=window.document.getElementById("file").value; window.alert(img); if (name ==""||intro==""||percent==""||months==""||aver=="") // 或者是!nameValue { window.alert("有输入为空!请检查重新输入"); return false; } if(img==""){ window.alert("未上传图片或者二维码，请检查"); return false; } return true; }

    <div class="content-wrap">
        <section id="section-circlefill-1">
            <span>表单1</span>

            <form action="test2.php?id=1" method="post" enctype="multipart/form-data" onsubmit="return checkLogin();">
                                <input type="text" id="name" name="name" placeholder="名称"/>
                                <input type="text" id="introduction" name="introduction" placeholder="简介"/>
                                <input type="text" id="percentOfGreat" name="percentOfGreat" placeholder="好评率"/>
                                <input type="text" id="monthOfsales" name="monthOfsales" placeholder="月销售量"/>
                                <input type="text" id="averagePrice" name="averagePrice" placeholder="平均商品价格"/>
                                <input type="file" name="file" id="file" style="visibility: hidden; " />
                                <button type="button" id="myBtn" class="save" onclick="btnAction()"  >上传微信二维码</button>
                                <button type="submit" class="submit" name="submit">上传</button>
                            </form>
            </section>

        <section id="section-circlefill-2">
            <span>表单2</span>
            <form action="test2.php?id=2" method="post" enctype="multipart/form-data" onsubmit="return checkLogin();">
                                <input type="text" id="name2" name="name" placeholder="推荐微商名称"/>
                                <input type="text" id="introduction2" name="introduction" placeholder="简介"/>
                                <input type="text" id="percentOfGreat2" name="percentOfGreat" placeholder="好评率"/>
                                <input type="text" id="monthOfsales2" name="monthOfsales" placeholder="月销售量"/>
                                <input type="text" id="averagePrice2" name="averagePrice" placeholder="平均商品价格"/>
                                <input type="file" name="file2" id="file2" style="visibility: hidden; " />
                                <button type="button" id="myBtn" class="save" onclick="btnAction()"  >上传微信二维码</button>
                                <button type="submit" class="submit" name="submit">上传</button>
                            </form>

        </section>

Answer 1

function btnAction() { document.getElementById('file').click(); } function checkLogin(){ var name=window.document.getElementById("name").value; var intro=window.document.getElementById("introduction").value; var percent=window.document.getElementById("percentOfGreat").value; var months=window.document.getElementById("monthOfsales").value; var aver=window.document.getElementById("averagePrice").value; var img=window.document.getElementById("file").value; window.alert(img); if (name ==""||intro==""||percent==""||months==""||aver=="") // 或者是!nameValue { window.alert("有输入为空!请检查重新输入"); return false; } if(img==""){ window.alert("未上传图片或者二维码，请检查"); return false; } return true; }