对所需元素jQuery Star Rating的验证

我过去经常在我的网站上给自己打分。但是我在使用jquery进行验证时遇到了一些问题。我希望用户必须使用它

我用这个：

  $('#formid').validate({ 
    rules: {
        nameofradiobutton: { required: true }
    }
  });

要进行验证，但使用正常的

{required:true}

则不起作用

但我希望它的格式像规则一样

请帮我搜索一个解决方案很多小时，但我找不到一个解决方案，工作

我的收音机HTML如下所示：

<input name="star" type="radio" value="1"class="star"/>
<input name="star" type="radio" value="2"class="star"/>
<input name="star" type="radio" value="3"class="star"/>
<input name="star" type="radio" value="4"class="star"/>
<input name="star" type="radio" value="5"class="star"/>

$('#starform').validate({ 

        rules: {

        star: {
            required: true,
        },

    },

    messages: {
        star: {
            required: "<br />Please choose a star.",
        },

    },
        errorPlacement: function (error, element) {
         if ( element.is(":checkbox") )
         error.appendTo(element.parent("td").next("td"));
         else if ( element.is(":radio") )
         error.appendTo(element.parent("td").next("td"));
         else
         error.appendTo( element.parent());
        }       

});

我的实际验证调用如下所示：

<input name="star" type="radio" value="1"class="star"/>
<input name="star" type="radio" value="2"class="star"/>
<input name="star" type="radio" value="3"class="star"/>
<input name="star" type="radio" value="4"class="star"/>
<input name="star" type="radio" value="5"class="star"/>

$('#starform').validate({ 

        rules: {

        star: {
            required: true,
        },

    },

    messages: {
        star: {
            required: "<br />Please choose a star.",
        },

    },
        errorPlacement: function (error, element) {
         if ( element.is(":checkbox") )
         error.appendTo(element.parent("td").next("td"));
         else if ( element.is(":radio") )
         error.appendTo(element.parent("td").next("td"));
         else
         error.appendTo( element.parent());
        }       

});

$（'#星形'）。验证（{
规则：{
明星：{
要求：正确，
},
},
信息：{
明星：{
必填：“
请选择一颗星星。”，
},
},
errorPlacement:函数（错误，元素）{
if（element.is（“：复选框”））
错误.appendTo（element.parent（“td”）.next（“td”）；
else if（元素为（“：radio”））
错误.appendTo（element.parent（“td”）.next（“td”）；
其他的
error.appendTo（element.parent（））；
}       
});

---

我的表格是这样的

<input name="star" type="radio" value="1"class="star"/>
<input name="star" type="radio" value="2"class="star"/>
<input name="star" type="radio" value="3"class="star"/>
<input name="star" type="radio" value="4"class="star"/>
<input name="star" type="radio" value="5"class="star"/>

我的验证是这样的

  $(document).ready(function () {

    $('#starform').validate({ 

            rules: {

            star: {
                required: true,
            },

        },

        messages: {
            star: {
                required: "<br />Please choose a star.",
            },

        },
            errorPlacement: function (error, element) {
             if ( element.is(":checkbox") )
             error.appendTo(element.parent("td").next("td"));
             else if ( element.is(":radio") )
             error.appendTo(element.parent("td").next("td"));
             else
             error.appendTo( element.parent());
            }       

    });

});

$（文档）.ready（函数（）{
$（'#星形'）。验证（{
规则：{
明星：{
要求：正确，
},
},
信息：{
明星：{
必填：“
请选择一颗星星。”，
},
},
errorPlacement:函数（错误，元素）{
if（element.is（“：复选框”））
错误.appendTo（element.parent（“td”）.next（“td”）；
else if（元素为（“：radio”））
错误.appendTo（element.parent（“td”）.next（“td”）；
其他的
error.appendTo（element.parent（））；
}       
});
});

因为您的星级插件隐藏了无线电输入，jQuery Validate默认情况下会忽略它们。您只需将

忽略：'

添加到您的验证选项中，您的代码即可工作：

$('#starform').validate({ 
    ignore:'',

    //... the rest of your rules and options to follow
});

---

有关

忽略
选项的详细信息，请参阅。
我们可以查看您的代码吗？是的，我需要查看html/js以帮助您