javascript用户注册提示效果的简单实例

这个可以增加用户验证,不用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>

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wdzsyz.html