>  기사  >  웹 프론트엔드  >  자바스크립트 양식 유효성 검사 - Parsley.js 사용법 및 구성_javascript 기술

자바스크립트 양식 유효성 검사 - Parsley.js 사용법 및 구성_javascript 기술

WBOY
WBOY원래의
2016-05-16 17:42:511792검색
온라인 데모
이전에 소개했던 양식 유효성 검사 jquery 플러그인 jquery.validationEngine을 모두가 기억하고 있습니다. 이 플러그인을 사용하면 단 하나의 코드도 작성하지 않고도 함수를 생성할 수 있습니다. js 코드 라인. 강력한 양식 유효성 검사 기능. 정말 멋지지 않나요? 오늘 소개하는 파슬리는 강력한 DOM-API를 기반으로 간단한 구성만으로도 양식 유효성 검사 기능을 구현할 수 있도록 도와줍니다.

주요 기능
•멋진 사용자 경험 기반
•구성이 매우 편리함
•초경량(압축 후 12K), jQuery 및 Zepto 지원
•매우 간단하며 jQuery의 데이터 API와 유사하게 DOM-API를 구성하기만 하면 됩니다
•완전히 무료입니다
•매우 안정적입니다

내장 유효성 검사
•필수: 입력 필수
•공백 아님: 비워둘 수 없음
•최소 길이: 최소 길이
•최대 길이: 최대 길이
•범위 길이: 길이 간격
•최소: 최소값
• Max: 최대값
• Range: 범위 값
• RegExp: 정규식
• Equal To:
과 같음 • Min 확인: 선택한 체크박스의 최소 개수 확인
•Max 확인: 선택된 체크박스의 최대 개수 확인
•범위 확인: 선택된 체크박스의 간격 개수 확인
•원격: ajax 확인
Parsley.js 사용 및 구성은 매우 간단합니다. HTML의 data 속성을 사용하여 html을 다음과 같이 구성합니다.
코드 복사 코드는 다음과 같습니다.



<입력 유형 ="text" id="fullname" name="fullname" data-required="true" />
input type="text" id="email" name="email" data-trigger="change" data-required="true" data-type="email" />






매우 편리하고 문서도 아주 완벽하지 않나요? 중국어를 사용하려면 직접 현지화해야 합니다. 사용해본 친구들이 좋아할 것 같아요!
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.