2010-02-11 11 views
6

내 검색 JQuery Form Validation에서 John Resig, Yehuda Katz, Jane Zaefferer 및 Paul McLanahan이 JQuery Metadata Plugin을 보았습니다. 흥미로운 아이디어입니다!HTML에서 숨겨진 값 저장 (모범 사례, 오류, 기본값) 모범 사례

일반적인 우수 사례는 오류/유효성 검사 텍스트, 툴팁 텍스트, 기본값 텍스트 등을 저장하는 데있어 궁금합니다. title="My Tooltip Message" 속성에 배치 할 수 있다는 것을 알고 있지만 매우 지저분해질 수 있습니다. 많은 아이템에 동일한 툴팁과 오류가 있으면 DRY 상태가됩니다.

숨겨진 입력 필드 또는 html 메타 데이터에 모두 저장할 수 있습니까? 아니면 그냥 XML 설정 파일에 저장하고 JQuery를 통해 가져 오는 더 좋은 방법이 있을까요?

답변

4

HTML5는 "data-"로 시작하는 사용자 정의 속성을 지원합니다. 예 : "data-origvalue"는 나중에 사용자가 변경했는지를 결정하는 데 사용할 수있는 입력의 원래 값을 저장할 수 있습니다.

JQuery와 1.4 지금이 기본적으로 .DATA() 함수를 사용하여 지원 http://api.jquery.com/data/

당신이 JQuery와 사용하지 않을 경우는 official best practice recommendation는 "데이터 라이브러리 내의-ATTRNAME"전 같은 것을 사용하는 것입니다 " data-jquery-origvalue "가 없으므로 두 라이브러리가 충돌하지 않습니다. 나는 이것을 따라하고 "LIBRARYNAME"부분에 대해 고유 한 것을 제안 해주십시오.

+0

HTML 5를 사용해도 괜찮습니까? 크로스 브라우저에서도 작동합니까? –

+0

@viatropos 확실히 작동하고 잘 렌더링되지만 걱정할 경우 w3c 유효성 검사를 통과하지 못합니다. –

0

글쎄, 필자는 지원되는 위치 인 "title"태그에 툴팁을 저장합니다.

다른 메타 데이터는? 달려있어. 일반적으로 객체 자체에 작성된 속성에 저장합니다. 지원되기도합니다. 그래도 IMHO. 내가하지 않았다면 보조 .js 파일의 일종의지도에 저장 하겠지만 관리가 짜증이났다.

0

JS 파일에서 바로 모든 것을 저장할 수도 있습니다. ASP.NET이나 PHP에서 생성 된 요청에 따라 필요할 수 있으므로 원하는 형식의 모든 메시지를 편집 한 다음 js로 출력하면됩니다. 배열 또는 뭔가.