javascript - .submit( handler ) Jquery 不工作

Question

已关闭。这个问题是 not reproducible or was caused by typos 。目前不接受答案。

---

这个问题是由拼写错误或无法再重现的问题引起的。虽然类似的问题可能是 on-topic在这里，这个问题的解决方式不太可能帮助 future 的读者。

已关闭 7 年前。

Improve this question

我似乎无法执行 jquery .submit 方法。我有一种感觉这是一个愚蠢的错误，但我已经被困了几个小时了。知道出了什么问题吗？

HTML:

<form id="contactform" action="sendEmail.php">
    <div class="form-group" action="" method="post">
        <label for="Email" class="sr-only">Email address</label>
        <input type="email" class="form-control" name="Email" id="Email" placeholder="Email" required/>
    </div>
    <div class="form-group">
        <label for="Name" class="sr-only">Name</label>
        <input type="text" class="form-control" name="Name" id="Name" placeholder="Name" required/>
    </div>
    <div class="form-group">
        <label for="Message" class="sr-only">Message</label>
        <textarea class="form-control" rows="5" name="Message" placeholder="Message" required/></textarea>
    </div>

    <button type="submit" value="submit" class="pillButton" ><i class="fa fa-paper-plane"></i> Send</button>
</form>

Jquery:

alert("outside submit function"); // Works
$("#contactform").submit(function(event) { // Event not working
  event.preventDefault();  
  alert( "Handler for .submit() called." );
});

Answer 1

这可能是您所缺少的 - 负载包装器:

FIDDLE

$(function () {
    alert("outside submit function"); // Works
    $("#contactform").submit(function (event) { // Event now working
        event.preventDefault();
        alert("Handler for .submit() called.");
    });
});