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

时间:2013-09-03 08:53:12

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

我正在使用它将fontawesome库中的星号添加到所有以'required'作为伪元素的表单字段(在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'作为pseude元素。我现在不是真正的伪选择者。如何更改我的jquery再次执行该技巧?

1 个答案:

答案 0 :(得分:8)

这可能有用。

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

链接到Documentation.