项目采用react.js+ant开发:让span标签的内容转换何成密码暗文*

react.js:我要做一个密码框,由于样式问题,就采取了一个input框变透明,然后input框里面的内容绑定到一个span标签,透过span来显示,但现在问题是如何让span标签的内容转换成密码暗文6个*这样子呢?

https://img3.mukewang.com/5c8de2b000017d5b07480266.jpg

https://img2.mukewang.com/5c8de2b100018e5806590550.jpg

https://img.mukewang.com/5c8de2b3000114be05020237.jpg


(绑定的事件)

https://img4.mukewang.com/5c8de2b600014fcc02930091.jpg

蓝山帝景
浏览 822回答 2
2回答

临摹微笑

{password.replace(/./g, "*")}

桃花长相依

除了上面大神给的正则以为,还可以在onchange事件里,判断当前输入的长度,有多少个长度,就再设一个参数,那个参数就有多少个*。代码如下:// 密码输入框事件onpwdChange(e) {&nbsp; &nbsp; let password = e.target.value;&nbsp; &nbsp; let pad = '';&nbsp; &nbsp; for (let i=0;i<password.length;i++){&nbsp; &nbsp; &nbsp; &nbsp; pad=pad+"*"&nbsp; &nbsp; }&nbsp; &nbsp; this.setState({&nbsp; &nbsp; &nbsp; &nbsp; password: password,&nbsp; &nbsp; &nbsp; &nbsp; pad:pad,&nbsp; &nbsp; })}
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript