Cleave.js를 사용하여 자동으로 입력 필드 서식 지정
모든 다른 입력 필드에 대해 생각해보십시오. 서식있는 구조가 필요하다.. 전화 번호, 신용 카드, 생년월일, 주소 ... 모두 고유 한 패턴.
이 필드를 혼자두고 사용자를 신뢰하는 것은 쉽습니다. 그러나 사용하는 것이 더 나을 수도 있습니다. Cleave.js, 에이 무료 바닐라 자바 스크립트 플러그인 너를 돕기 위해 자동으로 입력 필드 형식 지정.
HTML5는 데이터 패턴과 관련된 입력 세트 전화 번호와 같은 Cleave를 사용하면 다음 단계로이 작업을 수행 할 수 있습니다. 맞춤 입력 그 텍스트 자동 서식 지정 입력 된대로.
기본적으로 플러그인은 다섯 가지 기본 텍스트 패턴:
- 신용 카드 번호
- 전화 번호
- 날짜
- 숫자 스타일 (쉼표 사용)
- 사용자 정의 입력 필드
마지막 선택은 가장 멋진 방법입니다. 자신 만의 맞춤 데이터 패턴을 처음부터. Cleave는 당신에게 어떤 엄격한 방법론도 강요하지 않습니다..
대신, 당신에게 도구를 제공합니다. 나만의 의견을 만들어라. 와 React 및 Angular 구성 요소에 대한 선택적 지원. 그것은 또한 모든 주요 브라우저 지원과 일치해야합니다. 기존 브라우저 와 함께 jQuery.
설정하기 힘든 플러그인이 아닙니다. 당신 가지고있는 ID 나 클래스를 대상으로합니다. 입력란에 새 Cleave 인스턴스로 전달하십시오.. 샘플 스 니펫은 다음과 같습니다.
var cleave = new Cleave ( '. input-phone', phone : true, phoneRegionCode : 'country');
그러나 Cleave는 설치하기 쉽지만, 많은 맞춤 기능 너와 함께 할 수있어..
모든 문서는 레포 내부에서 호스팅, 그래서 GitHub 페이지를 탐색해야합니다. 모든 다른 방법 및 옵션을 찾으십시오.. 특히, 옵션 페이지 통과 할 것이 많고 원하는 것을 찾기 위해 잠시 시간이 걸릴 수 있습니다..
고맙게도 Cleave는 많은 라이브 예제 당신은 공부하고 복제 할 수 있습니다. 이 예제들은 또한 무료로 다운로드 GitHub 레포에서. 너가보고 싶으면 더 많은 예제 라이브 방문하다 Cleave.js 홈페이지 또는 체크 아웃 이 바이올린 데모가 가득한.
