사용자 정의 HTML 속성에 대한 올바른 방법

Question

사용자 정의 양식 유효성 검증 javascript 라이브러리를 작성 중이며 올바른 태그 구문에 대해 생각하고 있습니다.

<input class='validate required number' min='1000' max='10000' /> 

그것을 할이 올바른 방법은 다음과 같습니다의 내가 지금까지 수 000

000 일 사이에 10을 필요로하는 입력 있다고 가정 해 봅시다,이 같은 것을 함께했다? 여기에 두 가지 문제가 있습니다.

1. 수업을 사용하지 않습니다. 오용으로 느껴집니다. 이런 식으로 사용해도 괜찮습니까?
2. 내 사용자 지정 특성 min 및 max은 유효성을 검사하지 않습니다.

Answer 1

, 그것은 갈 수있는 가장 좋은 방법이 될 수 있습니다 어떤 "데이터가 ..."속성이 더 많은 정보를 저장하는 데 사용 될 수있다

<input data-validate="very-yes" data-min="1000" data-max="10000"/> 

. 스크립트를 사용하여이 데이터를 첨부 할 수도 있습니다.

Answer 2

그런 클래스를 사용하는 것이 완벽합니다. 실제로 Javascript와 CSS로 일을 훨씬 쉽게합니다.

HTML에는 사용자 지정 특성을 사용할 수 없습니다. 대신 클래스 속성을 사용하여 각 태그에 사용자 정의 기능이나 스타일을 추가해야합니다.

귀하의 경우, "1000-10000"과 같은 클래스를 추가하고 나머지는 Javascript를 사용하는 것이 좋습니다.

Answer 3

jQuery Validation을 읽으면 복잡한 유효성 검사 인수 (예 : 필드의 최대 값 및 최소값)를 JSON 형식으로 지정하는 것 같습니다. HTML5이 구조를 지원하기 때문에