我試圖使用Jquery驗證插件來驗證gsp中的單選按鈕。 錯誤綁定到第一個單選按鈕，并顯示在它的底部。

它正在創建一個帶有錯誤和單選按鈕(不是標簽)的輸入組

<g:radio id="without" name="selectionTemplate" value="1" onchange="beforeDesignateTemplate()"/>
  <label for="withoutProducts">Layers only</label>
   <g:radio id="withProducts" name=`selectionTemplate`value="2onchange="beforeDesignateTemplate()"/>
  <label for="with">Layers,descriptions</label>

這是我的jquery

$(".formCLass").validate({
            rules: {
                "selectionTemplate": {
                    required: true
                }
            }
        })

對字段使用必需的屬性。以下是更新后的代碼:-

<g:radio id="without" name="selectionTemplate" value="1" onchange="beforeDesignateTemplate()" required/>
  <label for="withoutProducts">Layers only</label>
   <g:radio id="withProducts" name=`selectionTemplate`value="2onchange="beforeDesignateTemplate()"/>
  <label for="with">Layers,descriptions</label>

也不要把名字放在引號里。以下是更新腳本:-

$(".formCLass").validate({
     rules: {
        selectionTemplate: {
            required: true
        }
     }
 })