jQuery 유효성 검사 예제 코드로 유효성 검사가 쉬워집니다

jQuery 유효성 검사 예제 코드로 유효성 검사가 쉬워집니다_jquery

WBOY

풀어 주다： 2016-05-16 18:18:16

원래의

1022명이 탐색했습니다.

클라이언트측 검증을 사용하면 서버와 클라이언트 간의 데이터 이동 횟수를 효과적으로 줄일 수 있어 서버의 리소스 활용도를 높이는 데 도움이 되며 사용자에게 직관적이고 빠른 응답을 제공할 수도 있습니다. Web 2.0 시대에는 이것이 특히나 중요합니다. 나만큼 기본 자바스크립트로 작성된 귀찮은 검증을 싫어할 거라 생각합니다. 요즘에는 서버 측 검증을 위한 더 나은 프레임워크가 있습니다. ASP.NET MVC는 이러한 작업을 매우 잘 수행할 수 있습니다. 따라서 .net 개발의 경우 우수한 클라이언트 측 유지 관리 프레임워크를 갖는 것이 개발 효율성을 높이는 데 중요한 역할을 합니다.

다음 주소를 통해 JS 프레임워크를 얻을 수 있습니다

간단한 예를 통해 j쿼리 검증 프레임워크

에 대한 이해를 시작해 보겠습니다.

먼저 위의 두 JS 파일에 대한 참조를 추가해야 합니다.

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

제목 없는 페이지

다음으로, 다음 HTML 세그먼트를 선언합니다.

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

마지막으로 프레임워크의 진입점을 찾아야 합니다. 일반적으로 HTML

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

실행하고 어떻게 작동하는지 확인하세요

ListBox 컨트롤에 대한 정기적인 유효성 검사를 생성하려면 아래의 더 큰 예를 살펴보세요
이와 같은 규칙을 추가할 수 있습니다

코드 복사

코드는 다음과 같습니다: $("#customerForm").validate( {

규칙:

{ 
이름: { 필수:true }, 
성: { 필수:true }, 
국가: { verifyCountries:true } 
}, 
메시지: 
{ 
이름: { 필수: " 이름이 필요합니다." }, 
 성: { 필수: "성이 필요합니다." }, 
국가: { verifyCountries:"국가에서 최소 2개의 항목을 선택하세요." } 
}, 

}); 
 // 국가 확인 메서드 추가 
jQuery.validator.addMethod("validateCountries", function(value, element) 
{ 
var noOfSelectedCountries = $("# 국가 :selected").length; 
if(noOfSelectedCountries < 2) return false; 
return true; 
}); 




오류 제공 오류 안내

코드 복사

코드는 다음과 같습니다

 
$("#customerForm").validate( 
{ 
규칙: 
{ 
이름: { 필수:true }, 
성: { 필수:true } , 
국가: { verifyCountries:true } 
}, 

메시지: 
{ 
이름: { 필수: "이름이 필요합니다." }, 
성: { 필수: "성 필수" }, ​​
국가: { verifyCountries:"국가에서 최소 2개의 항목을 선택하십시오." } 
}, 

errorContainer:"#errors", 
errorLabelContainer:"#errors ul", 
래퍼:"li" 

}) 

효과는 아래 사진을 참고하세요

할 말이 많지 않습니다. 이 기사에서는 소스 코드 다운로드를 제공합니다. 매우 늦었습니다.