如何在jQuery Validate中标记必填字段

Question

我正在使用jQuery Validate和xVal来验证输入表单。这非常有效。但是，我确实想用星号（*）或类似的东西来标记我的必填字段，以显示实际需要哪个字段。

我可以手动执行此操作，但由于我已经使用xVal生成验证规则，我认为我可以根据提供的规则自动标记必填字段。

有没有办法挂钩到xVal或jQuery Validate来检索规则，或以某种方式让它们标记我的必填字段？

我正在使用最新版本的jQuery和jQuery Validate。

谢谢

Answer 1

将类required提供给表单元素，并使用以下代码

$(document).ready(function() {
     $('<span style="color:red;">*</span>').insertAfter('.required');
});

这将使用required类将“*”附加到每个元素

希望能帮助到你

Answer 2

制作一个单独的“规则”变量可能是最容易的，你可以将它传递给jQuery和其他一些函数。这个其他函数将遍历它并标记所有必需的字段。

Answer 3

这个有可能

1. 获取表格中的所有输入
2. 迭代并查找输入是否需要规则
3. 如果是，请找到该输入的标签
4. 在标签文本的末尾附加*

你的代码看起来像这样

    $.each($("#you-form input"), function( index, element ) {
      var rule =  $(element).rules() ; // this will get the rules for each input
      if(rule && rule.required) {
        //find label and append red *
      }
    });