웹 프론트엔드
JS 튜토리얼
ASP.NET jQuery 예제 11 jQuery 유효성 검사 플러그인_jquery를 사용하여 사용자 로그인 페이지 확인 기능을 간단하게 구현합니다.
ASP.NET jQuery 예제 11 jQuery 유효성 검사 플러그인_jquery를 사용하여 사용자 로그인 페이지 확인 기능을 간단하게 구현합니다.
간단히 말하면, jQuery 유효성 검사 플러그인은 양식의 요소에 의해 입력된 내용이 비즈니스 규칙을 충족하는지 확인하는 데 사용됩니다. 그렇지 않은 경우 사용자 정의 프롬프트 정보를 제공할 수 있습니다. 플러그인에는 기본적으로 내용이 비어 있는지, 내용의 길이가 주어진 값을 충족하는지 확인하는 등 일부 확인 규칙이 있을 뿐만 아니라 사용자에 따라 비즈니스 규칙을 사용자 정의할 수 있으며 오류 메시지도 표시할 수 있습니다. 사용자의 요구 사항에 따라 사용자 정의할 수 있습니다. 이 플러그인의 기능은 정말 강력한 것 같습니다. 빨리 사용해 보고 싶습니다. 좋아요, 사용 방법에 대한 소개부터 시작하겠습니다.
jQuery 유효성 검사 플러그인 다운로드 주소: http://plugins.jquery.com/project/validate
이 플러그인을 사용하려면 verify({options}) 메서드를 사용해야 합니다.
먼저 플러그인에서 자주 사용하는 옵션을 간단히 살펴보겠습니다.
•rules: 키/값으로 구성됩니다. 여기서 키는 양식 요소 ID와 동일하고 값은 플러그인이 적용되는 비즈니스 규칙을 나타냅니다. 양식 요소 콘텐츠가 충족되어야 합니다.
•메시지: 키/값으로 구성됩니다. 키는 양식 요소 ID와 동일하며 값은 양식 요소 콘텐츠가 특정 비즈니스 규칙을 충족하지 않기 때문에 표시해야 하는 콘텐츠를 나타냅니다.
•errorLabelContainer: 오류 정보를 넣을 페이지에 정의된 컨테이너 요소를 지정합니다.
•errorContainer: errorLabelContainer 내의 주요 콘텐츠 영역을 나타냅니다.
•wrapper: 오류 정보를 래핑하기 위해 errorLabelContainer 요소에 요소를 정의하는 것을 의미합니다.
•onsubmit: 양식을 제출하기 전에 확인하세요. 다른 이벤트를 추가하여 확인하려면 false로 설정할 수 있습니다.
•하이라이트: 입력이 잘못된 콘텐츠 영역을 강조표시합니다.
•강조 해제: 원래 강조 표시된 영역을 복원합니다.
---------------------------------- --- ---------------------
이제 간단하게 사용자 로그인 페이지 확인을 구현해 보겠습니다. jQuery 유효성 검사 플러그인 기능 사용:
1. 플러그인 소개:
< script src="Scripts/jquery-1.4.1-vsdoc.js" type="text/javascript">
인터페이스에 참여하세요
2. 스타일 추가:
3.