.submit( handler ) Jquery 不工作

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.");
    });
});

.submit( handler ) Jquery 不工作

.submit( handler ) Jquery not working

html

javascript

jquery

submit