使用jquery为所有表单字段添加星号,其中data-required = true

Kla*_*aaz 3 jquery pseudo-element twitter-bootstrap parsley.js

我正在使用它将fontawesome库中的星号添加到所有具有'required'作为伪元素的表单字段(在Twitter引导表单中):

字段示例:

<input type="text" name="firstname" 
    data-required="true" 
    data-error-message="Please enter your firstname" /> 
Run Code Online (Sandbox Code Playgroud)

jQuery的:

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

这工作正常但我现在转移到parsley.js来验证我的表单输入.Parsley使用data-required ='true'作为pseude元素.我现在不是真正的伪选择者.如何更改我的jquery再次执行该技巧?

Wil*_*ill 8

这可能会奏效.

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

链接到文档.