在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

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

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

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

clipboard.png

clipboard.png

clipboard.png(綁定的事件)

clipboard.png

求大神指導(dǎo)!??!

回答
編輯回答
我甘愿

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

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
編輯回答
久愛(ài)她
{password.replace(/./g, "*")}
2018年5月4日 20:30