提交时的jquery

Question

我有点小问题

在表单提交时

e.preventDefault();

不工作

代码：

$(function(){

    $("#contact-form").submit(function(e){
        Validation.init({
            name : $("#contact-form").find("input[name='name']").val(),
            phone : $("#contact-form").find("input[name='mobile']").val(),
            mail : $("#contact-form").find("input[name='email']").val(),
            text : $("#contact-form").find("textarea").val()
        });
        e.preventDefault();
    });
});

提交页面重新加载后:(

HTML

 <form id = "contact-form" action = "" method = "post">
        <input type = "text" name = "name" placeholder="სახელი">
        <input type = "text" name = "mobile" placeholder="მობილურის ნომერი">
        <input type = "text" name = "email" placeholder="ემაილი">
        <textarea name = "text" placeholder = "ტექსტი" ></textarea>
        <input type = "submit" name = "submit" value = "გაგზავნა">
     </form>

我觉得问题是

 Validation.init({
            name : $("#contact-form").find("input[name='name']").val(),
            phone : $("#contact-form").find("input[name='mobile']").val(),
            mail : $("#contact-form").find("input[name='email']").val(),
            text : $("#contact-form").find("textarea").val()
        });

Answer 1

问题:由于未定义Validation，因此您的代码在到达preventDefault()之前就退出了。

在验证前调用preventDefault()。

$("#contact-form").submit(function(e){
    e.preventDefault();
    Validation.init({
        name : $("#contact-form").find("input[name='name']").val(),
        phone : $("#contact-form").find("input[name='mobile']").val(),
        mail : $("#contact-form").find("input[name='email']").val(),
        text : $("#contact-form").find("textarea").val()
    });
});

现在，您将获得一条错误消息，调试错误以修复您的问题。