使用jquery将星号添加到数据为required=true的所有表单字段中

我用它将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> ");

$（“：必需”）
.最近的（“对照组”）
.儿童（“标签”）
.prepend（“”）；

这很好，但我现在开始验证表单输入。欧芹使用数据required='true'作为伪元素。我现在不太喜欢伪选择器。如何更改jquery以再次执行此操作？

这可能会奏效

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

$（'input[data required=“true”]”）
.最近的（“对照组”）
.儿童（“标签”）
.prepend（“”）；

---

链接到

就是这样，谢谢！谢谢你给我指出正确的文档。我防卫性地朝着错误的方向看。不用担心，很高兴我能提供帮助。对于更高版本的jQuery，我建议将选择器更改为

：input

，或者完全删除

input

（留下

$（'[data required=“true”]'）

）--这将涵盖更多的元素，并证明此解决方案的未来性。几年后，为什么不修改html并添加标签呢？因为我喜欢尽可能保持表单的基础性。