jQuery .validate 规则似乎不适用？(杰斯菲德尔)

Question

http://jsfiddle.net/sk9tl/1/

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

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

$('#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/