驗證多個單選按鈕組使用jQuery驗證器

Question

我有6組單選按鈕，全部相互獨立。我使用JQuery驗證插件來驗證它們（它們都是必需的）。然而，驗證只適用於第一個'滿意'組。我的驗證碼是

jQuery(document).ready(function() { 
$("#surveyForm").validate({ 
    rules: { 
     satisfaction: { 
      required: true 
     }, 

     responding: { 
      required: true 
     }, 

     listening: { 
      required: true 
     }, 

     solution: { 
      required: true 
     }, 

     communication: { 
      required: true 
     }, 

     professional: { 
      required: true 
     } 

    }, 
    messages:{ 
     satisfaction: { 
      required: "this" 
     }, 

     responding: { 
      required: "is" 
     }, 

     listening: { 
      required: "a" 
     }, 

     solution: { 
      required: "test" 
     }, 

     communication: { 
      required: "to" 
     }, 

     professional: { 
      required: "see" 
     } 
    } 
}); 

}）;

有什麼建議嗎？

JS Fiddle

Answer 1

您<form id="surveyForm">之前有<div id="q1">，所以匹配</div>被終止形式。

更改這兩行的順序並解決問題。

FIDDLE