3

これを使用して、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に移動しました。パセリは疑似要素として data-required='true' を使用します。私は今、疑似セレクターにはあまり興味がありません。jqueryを変更してトリックをやり直すにはどうすればよいですか?

4

1 に答える 1

8

これはうまくいくかもしれません。

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

ドキュメントへのリンク。

于 2013-09-03T09:53:17.067 に答える