表单提交将不会停止进行验证

Question

[我想完成的工作是使用jQuery（非常简单）进行电子邮件验证，但是无论我做什么，表单都将继续提交。

<form id="rfq" name="rfq" action="rfq_form" method="post" enctype="multipart/form-data">...

<input type="image" id="submit" name="submit" src="submit.png" border="0" />

[JS电子邮件验证：

//$("#rfq").submit(function() { doesnt seem to work either

$('#submit').click(function() {
    var email = $('#email').val();
    if(email.indexOf("@") == -1){
        $("#email").addClass('invalid');
        return false; // cancel form submission if email invalid
    }
    return false; // return true if no errors once i get it working
});

Answer 1

Working Example

首先，请确保在DOM “就绪”]后附加所有事件处理程序。

我在实际表格上使用的是.submit()。

$(document).ready(function() {
    // now that document is "ready"
    $('#formId').submit(function() {
        var email = $('#emailInput').val();
        alert(email);
        if(email.indexOf("@") == -1){
            alert("invalid!");
            return false; // cancel form submission if email invalid
        }
        alert("valid!");
        return true; // return true if no errors once i get it working 
    });
});

Answer 2

尝试将代码包装在就绪的块中。

Answer 3

这将起作用。如果您不明白为什么，请随时询问：）

Answer 4

您可以尝试使用此功能来验证您的地址。