<table border="2px" rules="all">
<tr>
<td><p>输入密码:<input type="password" onchange="changeText(this.value)" style="width:200px;" /></p></td>
<td></td>
</tr>
<tr>
<td><p>请确认密码:<input type="text" style="width:185px;" id="text1" /></p></td>
<td></td>
</tr>
</table>
<script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
<script type="text/javascript">
$(function(){
function changeText(text){ //外面的onchange找不到这个函数,但去掉上面的$(function(){就找到了
if(text.length < 9){
$(':table tr:eq(0)').children('td:eq(1)').html('请输入9位或以上的密码').css("color",'red');
}else{
var text1 = document.getElementById('text1');
text1.value = text;
}
}
})
</script>
相关分类