>  기사  >  웹 프론트엔드  >  jquery_jquery를 기반으로 하는 simpleValidate 단순 유효성 검사 플러그인

jquery_jquery를 기반으로 하는 simpleValidate 단순 유효성 검사 플러그인

WBOY
WBOY원래의
2016-05-16 17:01:451218검색

onfocus 및 onblur에 대한 즉각적인 확인이 필요하지 않은 경우, 각 양식에 대해 JS를 통해 확인 규칙을 정의하고 싶지 않은 경우, 제출 시 한 번의 확인 및 피드백만 필요한 경우, 간단한 방법을 좋아하는 경우 코드 구조를 고려하면 simpleValidate가 좋은 선택이라고 생각합니다.

관심도와 다운로드 수로 볼 때 이 플러그인은 그다지 인기가 없지만 상관없습니다. 제가 가장 좋아하는 플러그인입니다.
다운로드 주소는 하단에 있습니다. 오픈소스이고 DEMO가 매우 상세하며 시작하기가 매우 쉽습니다.
JSON의 쉼표와 길이가 예약어이기 때문에 원본 버전에서는 IE를 지원하지 않습니다. 수정 사항은 "}" 앞의 불필요한 쉼표를 모두 삭제하고 변수 길이에 대해 다른 변수 이름을 사용하는 것입니다. 프롬프트 내용은 중국어화되었으며 현재 사용 중인 다른 버그는 없습니다. 다운로드 주소: jquery.simple.validation.js

데이터 규칙 속성 정의:
여러 확인 규칙을 구별하려면 파운드 기호 "#"을 사용하고, 확인 비교 값을 첨부하려면 더하기 기호 ""를 사용하고, 확인 비교 값을 첨부하려면 가로 막대 "-"를 사용하여 피드백 프로젝트 제목은 다음과 같습니다

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




제출 전 확인할 모든 양식 정의:

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

$('form').bind( '제출' ,function(){
var message=$(this).validate();
if(message!==true){
Alert(message);
return false;
}
true를 반환합니다.
});

프로젝트 오픈소스 주소: https://github.com/capucinno-lee/jquery-simple-validation
DEMO 주소: http://demo.jb51.net/ js /2014/jquery_simple_validation/

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.