2013-09-03 4 views
3

fontawesome 라이브러리의 별표를 pseudo 요소로 'required'를 가진 모든 양식 필드에 추가하는 데 사용했습니다 (Twitter 부트 스트랩 양식) :jquery를 사용하여 data-required = true와 함께 모든 양식 필드에 별표를 추가하십시오.

필드 예 :

<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로 이동. 파슬리는 pseude 요소로 data-required = 'true'를 사용합니다. 지금 당장 의사 선택자가 아닙니다. jquery를 다시 변경하여 트릭을 다시 수행하려면 어떻게해야합니까?

+0

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

링크 몇 년 늦었지만 왜 그냥 HTML을 수정하고 레이블을 추가? – dbrin

+0

저는 가능한 한 기본 양식을 유지하기를 좋아합니다. – Klaaz

답변

8

이것은 작동 할 수 있습니다. Documentation.

+0

감사합니다. 그리고 올바른 문서로 나를 가리켜 주셔서 감사합니다. 나는 틀린 방향으로 변명했다. – Klaaz

+0

걱정할 필요가 없기 때문에 기쁘게 생각합니다. – Will

+0

이후 버전의 jQuery에서는 선택기를': input'으로 변경하거나'$ ('[data-required = "true"]')')')를 남겨두고'input'을 모두 삭제하는 것이 좋습니다. 그리고 미래를 보장하는이 솔루션의 종류. –