jquery - Raty Rattings 验证

Question

我有一个小问题。我如何使比率评级在表格中得到验证？

因为当我使用这段代码时

$('#rating-webratting').raty({
                    hints       : ['1 Star', '2 Stars', '3 Stars', '4 Stars', '5 Stars'],
                    scoreName   : 'rating-webratting',
                    path        : 'img/',
                    starOn      : 'star_on.png',
                    starOff     : 'star_off.png'
                });

在这个 div 上

<div id="rating-webratting"></div>

当页面加载时，它将在 div 中创建此 html 代码

<img title="1 Star" alt="1" src="img/star_off.png">&nbsp;
<img title="2 Stars" alt="2" src="img/star_off.png">&nbsp;
<img title="3 Stars" alt="3" src="img/star_off.png">&nbsp;
<img title="4 Stars" alt="4" src="img/star_off.png">&nbsp;
<img title="5 Stars" alt="5" src="img/star_off.png">
<input name="rating-webratting" type="hidden">

但我无法将 class="required" 添加到输入字段中，因为它是由脚本本身生成的。

任何人都可以建议如何为 jquery 验证执行此操作吗？

我已经尝试过 addMethod 但我无法将类添加到其中。

Answer 1

您不应该添加所需的类，而是添加属性：

$('input[name="rating-webrating"]').attr('required', true);

由于默认情况下 validate 也会忽略隐藏字段，因此您还应该将忽略选项设置为空数组，如下所示：

$('form').validate({
  ignore: []
})

Answer 2

生成输入字段后，您可以使用属性选择器选择它，然后添加类

$('input[name="rating-webratting"]').addClass('required');