jquery - Raty 评级验证

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);

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

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