带附件的简单邮件发送，尽管经过验证仍发送

Question

我是新来的，我不是编码专家，我还在学习，所以请耐心等待。 :)

我创建了一个简单的表单，用于发送带有简历附件的电子邮件。我找到了这项工作的代码，它按预期工作（正确发送带有文件的邮件）。我没有使用 phpmailer 或类似的，它只是简单的 php 邮件功能。 我想要一个客户端验证，javascript/jquery 经典，也许以后还有一个服务器端。关键是我无法阻止提交表单以处理 javascript 验证。我想这是因为有一个文件（我在其他地方使用了相同的表格，没有附件，而且效果很好）。我把代码贴出来让你看看有什么问题：

<form method="post" action="mail.php" id="uploadform" enctype="multipart/form-data">
    <p>Name :</p>
    <input name="name" id="name" type="text" />
    <p>E-mail :</p>
    <input name="email" id="email" type="text" />
    <p>Tel :</p>
    <input name="tel" id="tel" type="text" />  
    <p>Message :</p>
    <textarea name="mex" id="mex" rows="7" cols="10"></textarea>   
    <p>File Upload :</p>
    <input name="file" id="file" type="file">   
    <input type="submit" name="submit" id="submit" value="send" />
</form>

这是脚本：

<script type="text/javascript">
$(document).ready(function () {

    $('#uploadform').submit(function (){
        validateForm();
        return false;
    });

    function validateForm(){
            var name=document.forms["uploadform"]["name"].value;
        if(name==null || name=="") {
            $('#name').attr("placeholder","Who is writing?");
            return false;
        }

        var email=document.forms["uploadform"]["email"].value;
        var atpos=email.indexOf("@");
        var dotpos=email.lastIndexOf(".");
        if (atpos<1 || dotpos<atpos+2 || dotpos+2>=email.length) {
          $('#email').val("");
          $('#email').attr("placeholder", "Insert a valid e-mail address!");
          return false;
        }
    }

});
</script>

我仍然无法找到脚本不阻止提交数据的原因。它似乎完全忽略了javascript。我也尝试了不同的方法，比如 onsubmit 在表单标签上内联，event.preventDefault(); 和类似的，但行为是相同的。我为这个小问题而疯狂。如果有人可以帮助/解释，我会很高兴。谢谢！

Answer 1

您已将支票包裹在提交函数的回调中。

你应该这样做：

$(document).ready(function () {

    $('#submit').click(function (event){
        return validateForm();
    });

    function validateForm(){
        var name=document.forms["uploadform"]["name"].value;
        if(name==null || name=="") {
            $('#name').attr("placeholder","Who is writing?");
            return false;
        }

        var email=document.forms["uploadform"]["email"].value;
        var atpos=email.indexOf("@");
        var dotpos=email.lastIndexOf(".");
        if (atpos<1 || dotpos<atpos+2 || dotpos+2>=email.length) {
          $('#email').val("");
          $('#email').attr("placeholder", "Insert a valid e-mail address!");
          return false;
        }
        return true;
    }

});

让我知道这是否有效。