简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
집 > 웹 프론트엔드 > JS 튜토리얼 > 본문

ASP.NET jQuery 예제 11 jQuery 유효성 검사 플러그인_jquery를 사용하여 사용자 로그인 페이지 확인 기능을 간단하게 구현합니다.

WBOY
풀어 주다： 2016-05-16 17:56:36
원래의
1050명이 탐색했습니다.

간단히 말하면, 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.


코드 복사 코드는 다음과 같습니다.


;






로그인한 사용자

/td>





runat=" server" Text="재설정" />






4. 🎜>
코드 복사


코드는 다음과 같습니다.

인기 튜토리얼
더>
관련 튜토리얼
인기 추천
최신 강좌
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트：공공복지 온라인 PHP 교육，PHP 학습자의 빠른 성장을 도와주세요！