jquery验证不需要'；我不在这页上工作

我的HTML页面上有这个表单

<div class="box fl-panel" id="wrap">
    <form id="sign_in" name="sign_in" class="fm-v" action="" method="post" onsubmit="Javascript:void(0)">
        <table border="0" cellpadding="0" cellspacing="0" width="100%">
        <tbody>
            <tr>
                <td class="form_head" colspan="2">Sign In</td>
            </tr>
            <tr>
                <td class="form_username">
                    <label for="user_name" class="fl-label">Email:</label>
                </td>
                <td class="form_username_input">
                    <input id="user_name" name="Email" class="required" tabindex="1" accesskey="u" size="25" autocomplete="false" type="text">
                </td>
            </tr>
            <tr>
                <td>&nbsp;</td>
                <td class="form_submit">
                    <input name="lt" value="*" type="hidden">
                    <input id="submit_sign_in" class="btn-submit" name="submit" accesskey="l" value="Send" tabindex="4" type="submit">
                </td>
           </tr>
        </tbody>
        </table>
    </form>
</div>

使用

jquery验证

插件。 但是，当我单击按钮

Send

-什么也没发生。 浏览器控制台中也没有。

---

怎么了

jQuery验证插件的

.Validate（）

方法使用

名称

属性，而不是

id

rules: {
    user_name: "required"  // <- "user_name" must be the NAME attribute
},
messages: {
    user_name: "Wrong email"  // <- "user_name" must be the NAME attribute
},

---

此外，您的

提交者是多余的

submitHandler: function(form) {
    form.submit();
}

这已经是默认行为，因此没有理由指定它。换句话说，您可以完全删除
submitHandler

一旦您将
名称
属性更改为
用户名
，这将是工作代码

$(function(){
    $("#sign_in").validate({
        rules: {
            user_name: "required"
        },
        messages: {
            user_name: "Wrong email"
        }
    });
});   

工作演示：

submitHandler: function(form) {
    form.submit();
}

$(function(){
    $("#sign_in").validate({
        rules: {
            user_name: "required"
        },
        messages: {
            user_name: "Wrong email"
        }
    });
});