Question

我是新来的，我不是编码专家，我还在学习，请耐心等待。：）

我创建了一个简单的表单，该表单应该发送带有CV附件的电子邮件。我找到了这个工作的代码，它按预期工作（正确发送带有文件的邮件）。我没有使用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;
    }

});

如果有效，请告诉我。

简单邮件发送附件，尽管验证发送

1 个答案: