+ -
当前位置:首页 → 问答吧 → 求类似input type=password的显示效果

求类似input type=password的显示效果

时间:2011-09-08

来源:互联网

要实现此图效果
_____________________
| 121322********2345|
---------------------

假如上面的框是个input,中间的 121322********2345 就是我要的效果,其中********是有值的,只是显示时以*代替。
input 框可编辑

作者: wx23990915   发布时间: 2011-09-08

input框编辑

作者: wx23990915   发布时间: 2011-09-08

HTML code

<input type="text" id="test" value="12345678" />
<script>
    function $(o){return document.getElementById(o)}
    var pos = [2,3]; //显示*的开始位置,结束位置
    var sOld = $('test').value; //真实的值
    $('test').value = $('test').value.substring(0,pos[0]) + Array(pos[1]-pos[0]+2).join('*') + $('test').value.substring(pos[1]+1,sOld.length)
</script>




楼主这个意思?

作者: calmcrime   发布时间: 2011-09-08

HTML code

<input type="text" id="test" value="12345678" />
<script>
    function $(o){return document.getElementById(o)}
    var pos = [2,3]; //显示*的开始位置,结束位置
    var sOld = $('test').value; //真实的值
    $('test').value = sOld.substring(0,pos[0]) + Array(pos[1]-pos[0]+2).join('*') + sOld.substring(pos[1]+1,sOld.length)
</script>

作者: calmcrime   发布时间: 2011-09-08

用个正则替换,不会写就是了。。。。

作者: ycmjh2010   发布时间: 2011-09-08

热门下载

更多