如何在 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

这是可能的

1. 获取表单中的所有输入
2. 迭代并查找输入是否具有规则 required
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 *
      }
    });

Answer 3

最简单的方法可能是创建一个单独的“规则”变量，并将其传递给 jQuery 和其他函数。这个其他函数将循环遍历它并标记所有必填字段。