JSF：在文本框中輸入時隱藏輸入

Question

當用戶在文本框中鍵入時，我想隱藏SSN的前6個字符。就像* - -1234 是否有任何內置的標籤，我可以實現這一點。提前致謝。

Answer 1

標準JSF實現的「內置」組件僅表示標準HTML元素。您的功能需求未被任何HTML元素所覆蓋，所以標準的JSF實現也不會有。最接近的一個是由JSF <h:inputSecret>組件提供的HTML <input type="password">，但這將掩蓋所有字符而不是僅指定的子集。

另外，沒有第三方的JSF組件庫出現了，它能夠做到這一點。你基本上有兩個選擇，一個簡單，一個更難。

1. 將SSN分成兩個輸入字段。一個<h:inputSecret>和一個<h:inputText>。如果需要，添加一些onkeyup JavaScript助手代碼，當輸入6個字符時，它會自動跳到下一個字段。在服務器端只需將兩個部分粘合在一起。

2. 使用<h:inputHidden>的價值和正常<input type="text">與填充隱藏的輸入，並返回蒙面字符可見輸入前6個字符一些onkeydown的JavaScript助手代碼。