默认情况下,<div id="mobileload"></div>中内容不显示,当<input name="u_trade"表单中输入内容大于等于15位时(即输入了正确的身份证号码后),当 光标 离开了第一个u_trade表单,就要显示出<div中第二个u_trade2表单,以便让他人再输入一次身份证号码,如何实现?如果第一个表单u_trade中输入的内容不大于等于15位,就不要显示第二个表单u_trade2
<td colspan="3"><input name="u_trade" value="" size=30> 身份证号码 <div id="mobileload">
<span>为防止输入的误,请再输入一遍身份证号码!</span>
<input name="u_trade2" value="" size=30>
</div></td>
<td colspan="3"><input name="u_trade" value="" size=30> 身份证号码 <div id="mobileload">
<span>为防止输入的误,请再输入一遍身份证号码!</span>
<input name="u_trade2" value="" size=30>
</div></td>
var val = this.value;
if(/^\d{15}$|^\d{18}$/.test(val)){
document.getElementById('mobileload').dispaly = 'block';
}
}
var inputs = document.getElementsByTagName('input');
var inputboxs = [];
for(var i in inputs){
if(inputs[i].name === 'u_trade'){
inputs[i].onchange = changeHandle;
}
}
//----
}
表单一<input name="u_trade" value="131024790618282" size=30 onblur="movenext(this,'mobileload')"> 表单二<input name="u_trade2" value="1310247" size=30>