JSF : 텍스트 상자에 입력 할 때 입력을 숨기기

Question

사용자가 텍스트 상자에 입력 할 때 SSN의 처음 6자를 숨기려고합니다. 뭔가 같은 * - -1234 내가 이것을 달성 할 수있는 모든 내장 태그가 있습니다. 미리 감사드립니다.

Answer 1

표준 JSF 구현의 "기본 제공"구성 요소는 표준 HTML 요소만을 나타냅니다. 기능적 요구 사항은 HTML 엘리먼트의 어느 것도 다루지 않으므로 표준 JSF 구현에는 HTML 엘리먼트가 없다. 가장 가까운 것은 JSF <h:inputSecret> 구성 요소가 제공하는 <input type="password">의 HTML이지만, 지정된 서브 세트가 아닌 모두 문자를 마스크합니다.

또한이를 수행 할 수있는 제 3 자 JSF 컴포넌트 라이브러리가 마음에 들지 않습니다. 당신은 기본적으로 2 가지 옵션, 쉬운 것을 선택할 수 있습니다.

1. 두 개의 입력 필드에 걸쳐 SSN을 분할하십시오. 하나는 <h:inputSecret>이고 하나는 <h:inputText>입니다. 필요한 경우 일부 추가 onkeyup 6자를 입력하면 다음 필드로 자동 이동하는 JavaScript 도우미 코드. 서버 측에서는 두 부분을 함께 붙입니다.

2. 를 사용하여 값에 대한 <h:inputHidden> 숨겨진 입력을 채우고 첫 6 개 문자의 가시 입력 마스크 문자를 반환 일부 onkeydown 자바 스크립트 도우미 코드를 정상적인 <input type="text">.