javascript - 为什么 JQuery valid() 方法总是返回 True？

Question

我有一个简单的 HTML 表单:

<form id="frmNewCategory">
    <span>New Category Name:</span>
    <input type="text" id="txtNewCategoryName">
    <label>Amount:</label>
    <input type="text" id="txtNewCategoryAmount">
    <br>
    <input type="submit" value="Create" class="importantButton button" id="btnNewCategory">
    <input type="button" value="Cancel" class="button" id="btnCancelNewCategory">
</form>

还有一些使用 validation plugin 的 jQuery 驱动的 JavaScript单击 btnNewCategory 时触发:

function onNewCategoryClick(event)
{

    $("#frmNewCategory").validate(
        {
            rules:
            {
                txtNewCategoryName : { required: true },
                txtNewCategoryAmount : { required: true, number: true }
            },
            messages:
            {
                txtNewCategoryName : { required: "*" },
                txtNewCategoryAmount: { required: "*", number: "Invalid Amount." }
            }
        });


    if (!$("#frmNewCategory").valid())
        return;

    event.preventDefault();
    var cmd = cmdFactory.createUndoableNewCategoryCommand($(this));
    cmdBus.handleCommand(cmd);  
}

上面的方法应该验证 frmNewCategory。问题是，即使表单有无效值或根本没有值，.valid() 方法仍会返回 True。

有什么想法吗？我做错了什么？

Answer 1

规则采用输入“名称”而不是“id”的形式:

      <input type="text" name="txtNewCategoryName" />
      <input type="text" name="txtNewCategoryAmount" />