I'm currently working on validating radio buttons in a GSP file using the jQuery validation plugin. The issue I'm facing is that the error message is being bound to the first radio button and appearing at the bottom of it.
Instead of displaying next to the radio button label, it's creating an input group with the error message next to the radio button itself.
<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>
This is the jQuery code I am using:
$(".formCLass").validate({
rules: {
"selectionTemplate": {
required: true
}
}
})