jQuery .validate规则似乎没有应用？ （的jsfiddle）

Question

http://jsfiddle.net/sK9tL/1/

当我在表单页面的控制台中手动添加rule（）时，它似乎按预期验证。

我不确定格式化方式是否有问题？

$('#freeFormAdd').validate({
        rules:{
            freeFormName: {
                required: true, 
            },
            freeFormPrice: {
                required: true, 
            },
            freeFormQty: {
                required: true, 
            }
        }
    });

然后我使用.valid（）来确定表单是否已准备好提交。由于页面是“无缝的”，我不需要提交表单，只需将一些项目添加到购物车（在jsfiddle中注释掉）。

有什么建议吗？

Answer 1

您的表单元素应具有name属性而非id属性，验证程序会根据其name属性选择元素。此外，您可以使用submitHandler方法

，而不是收听点击事件

 $('#freeFormAdd').validate({
     rules: {
         freeFormName: {
             required: true,
         },
         freeFormPrice: {
             required: true,
         },
         freeFormQty: {
             required: true,
         }
     },
     submitHandler: function () {
         alert('the form is valid');
     }
 });

请注意，我已将按钮移至form元素的上下文，以便触发提交事件。

http://jsfiddle.net/QU3XM/