手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >javascript用户注册提示效果的简单实例
javascript用户注册提示效果的简单实例
摘要:复制代码代码如下:var$=function(id){returndocument.getElementById(id);}function...

复制代码 代码如下:

<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 name="registerform" id="registerform" method="POST" action="">

<input type="hidden" name="action" value="register">

<input type="hidden" name="user_type" value="1">

<ul><li><h1>用户名:</h1>

<div>

<span>

<select name="cityid" id="cityid" onblur="changelocation(document.registerform.cityid.options[document.registerform.cityid.selectedIndex].value)">

<option value="">--公司不限--</option>

<option value="2">--杭州舍易房地产代理有限公司--</option>

</select>

<select name="cityareaid" id="cityareaid">

<option value="0">--不限门店--</option>

</select>

</span>

<input name="username" id="username" type="text" value="" onblur="check();" /></div>

<div id="eusername"></div>

</li>

<li><h1>密码:</h1>

<div><input name="passwd" type="password" id="passwd" onblur="check();" /></div>

<div id="epasswd"></div>

</li>

<li><h1>确认密码:</h1>

<div><input name="passwd2" type="password" id="passwd2" onblur="check();" /></div>

<div id="epasswd2"></div>

</li>

<li><h1>邮箱地址:</h1>

<div><input name="email" type="text" size="30" id="email" value="" onblur="check();" /></div>

<div id="eemail"></div>

</li>

<li><h1>验证码:</h1>

<div>

<input name="vaild" type="text" id="vaild" onblur="check();" size="5" /><img src="http://www.jb51.netvalid.php" /></div>

<div id="ever"></div>

</li>

<li><h1> </h1>

<div><input value=" " type="submit"/></div>

</li>

</ul>

</form>

【javascript用户注册提示效果的简单实例】相关文章:

javascript实现行拖动的方法

javaScript中push函数用法实例分析

javascript中DOM复选框选择用法实例

javascript搜索框效果实现方法

javascript删除元素节点removeChild()用法实例

javascript实现控制的多级下拉菜单

JavaScript实现广告的关闭与显示效果实例

javascript实现淡蓝色的鼠标拖动选择框实例

javascript实现Table排序的方法

javascript实现可拖动变色并关闭层窗口实例

精品推荐
分类导航