这个可以增加用户验证,不用js alert来作提示,而是在右边提示,现在很多网站都这样做,有需要的朋友可以参考一下
复制代码 代码如下:
<script type="text/javascript">
var $= function(id)
{
return document.getElementById(id);
}
function check()
{
if( $('username').value == "" )
{
$('eusername').innerHTML='<p> 请输入注册用户名!</p>';
return false;
}
else
{
$('eusername').innerHTML='';
}
if( $('passwd').value == "" )
{
$('epasswd').innerHTML='<p> 输入密码!</p>';
return false;
}
else
{
$('epasswd').innerHTML='';
}
if( $('passwd2').value != $('passwd').value )
{
$('epasswd2').innerHTML='<p> 两次输入密码不一致!</p>';
return false;
}
else
{
$('epasswd2').innerHTML='';
}
if( $('email').value == "" )
{
$('eemail').innerHTML='<p> 邮箱地址!</p>';
return false;
}
else
{
$('eemail').innerHTML='';
}
if( $('vaild').value == "" )
{
$('evaild').innerHTML='<p> 请输入右边验证码!</p>';
return false;
}
else
{
$('evaild').innerHTML='';
}
}
</script>
<form method="POST" action="">
<input type="hidden" value="register">
<input type="hidden" value="1">
<ul><li><h1>用户名:</h1>
<div>
<span>
<select onblur="changelocation(document.registerform.cityid.options[document.registerform.cityid.selectedIndex].value)">
<option value="">--公司不限--</option>
<option value="2">--杭州舍易房地产代理有限公司--</option>
</select>
<select >
<option value="0">--不限门店--</option>
</select>
</span>
<input type="text" value="" onblur="check();" /></div>
<div ></div>
</li>
<li><h1>密码:</h1>
<div><input type="password" onblur="check();" /></div>
<div ></div>
</li>
<li><h1>确认密码:</h1>
<div><input type="password" onblur="check();" /></div>
<div ></div>
</li>
<li><h1>邮箱地址:</h1>
<div><input type="text" size="30" value="" onblur="check();" /></div>
<div></div>
</li>
<li><h1>验证码:</h1>
<div>
<input type="text" onblur="check();" size="5" /><img src="https://www.jb51.net/valid.php" /></div>
<div ></div>
</li>
<li><h1> </h1>
<div><input value=" " type="submit" /></div>
</li>
</ul>
</form>
您可能感兴趣的文章: