使用 jquery 为 data-required=true 的所有表单字段添加星号答案

【问题标题】：using jquery to add an asterisk to all form fields with data-required=true使用 jquery 为 data-required=true 的所有表单字段添加星号
【发布时间】：2013-09-03 08:53:12
【问题描述】：

我正在使用它从 fontawesome 库中将星号添加到所有将“必需”作为伪元素的表单字段（在 Twitter 引导表单中）：

字段示例：

<input type="text" name="firstname" 
    data-required="true" 
    data-error-message="Please enter your firstname" />

jQuery:

$(":required")
    .closest(".control-group")
    .children("label")
    .prepend("<i class='icon-asterisk'></i> ");

这很好，但我现在转移到parsley.js 来验证我的表单输入。 Parsley 使用 data-required='true' 作为伪元素。我现在不是很喜欢伪选择器。如何更改我的 jquery 以再次执行此操作？

【问题讨论】：

晚了几年，但为什么不直接修改html并添加标签？
因为我喜欢让我的表单尽可能简单。

标签： jquery twitter-bootstrap pseudo-element parsley.js

【解决方案1】：

这可能有效。

$( 'input[data-required="true"]' )
        .closest(".control-group")
        .children("label")
        .prepend("<i class='icon-asterisk'></i> ");

链接到Documentation.

【讨论】：

就是这样，谢谢！也感谢您向我指出正确的文档。我肯定是看错了方向。
不用担心，很高兴我能帮上忙。
对于更高版本的 jQuery，我建议将选择器更改为 :input，或者完全删除 input（离开 $('[data-required="true"]')）——这将涵盖更多元素和面向未来的类型解决方案。