鍍金池/ 問答/C++  HTML/ 項目采用react.js+ant開發(fā):讓span標簽的內(nèi)容轉(zhuǎn)換何成密碼暗文*

項目采用react.js+ant開發(fā):讓span標簽的內(nèi)容轉(zhuǎn)換何成密碼暗文*

react.js:我要做一個密碼框,由于樣式問題,就采取了一個input框變透明,然后input框里面的內(nèi)容綁定到一個span標簽,透過span來顯示,但現(xiàn)在問題是如何讓span標簽的內(nèi)容轉(zhuǎn)換成密碼暗文6個*這樣子呢?

clipboard.png

clipboard.png

clipboard.png(綁定的事件)

clipboard.png

求大神指導?。?!

回答
編輯回答
我甘愿

除了上面大神給的正則以為,還可以在onchange事件里,判斷當前輸入的長度,有多少個長度,就再設一個參數(shù),那個參數(shù)就有多少個*。代碼如下:
// 密碼輸入框事件

onpwdChange(e) {
    let password = e.target.value;
    let pad = '';
    for (let i=0;i<password.length;i++){
        pad=pad+"*"
    }
    this.setState({
        password: password,
        pad:pad,
    })
}
2018年5月11日 19:53
編輯回答
久愛她
{password.replace(/./g, "*")}
2018年5月4日 20:30