jQuery .validate規則似乎沒有應用？ （的jsfiddle）

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/