jquery - 带有jquery问题的html有效表单函数

Question

我制作了这个脚本来验证 html 中的表单，问题是当按下按钮时它会重新启动所有 jquery 代码，我不知道为什么。

jQuery：

function validForm(){

    if($("#name").val() == ""){
        alert("Name field can't be empty.");
        $("#name").focus();
        return false;
    }

    if($("#email").val() == ""){
        alert("E-mail field can't be empty.");
        $("#email").focus();
        return false;
    }
    if($("#message").val() == ""){
        alert("message field can't be empty.");
        $("#message").focus();
        return false;
    }

    return true;
};

$("#botonenviar").click( function() {
    if(validForm()){
        $.post("enviar.php",$("#formdata").serialize(),function(res){
            $("#formulario").fadeOut("slow");  
            if(res == 1){
                $("#exito").delay(500).fadeIn("slow");      
            } else {
                $("#fracaso").delay(500).fadeIn("slow");    
            }
        });
    }
});

Answer 1

这个怎么样：

$('#form_id').submit(function() {
  if(validForm()){
    $.post("enviar.php",$("#formdata").serialize(),function(res){
        $("#formulario").fadeOut("slow");  
        if(res == 1){
            $("#exito").delay(500).fadeIn("slow");      
        } else {
            $("#fracaso").delay(500).fadeIn("slow");    
        }
    });
  }
  return false;
});