javascript - 简单的邮件发送带有附件，尽管验证还是发送

Question

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

我创建了一个简单的表单，用于发送带有简历附件的电子邮件。我找到了这项工作的代码，它按预期工作(正确发送带有文件的邮件)。我没有使用phpmailer或类似的，它只是简单的php邮件功能。我想要一个客户端验证，javascript/jquery classic，也许稍后还有服务器端。关键是我无法阻止提交表单来处理 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;
    }

});

让我知道这是否有效。