javascript用户注册提示效果的简单实例
2018-10-12 14:04
741 查看
<script type="text/javascript">
var $= function(id)
{
return document.getElementById(id);
}
function check()
{
if( $('username').value == "" )
{
$('eusername').innerHTML='<p class="login_jjB"> 请输入注册用户名!</p>';
return false;
}
else
{
$('eusername').innerHTML='';
}
if( $('passwd').value == "" )
{
$('epasswd').innerHTML='<p class="login_jjB"> 输入密码!</p>';
return false;
}
else
{
$('epasswd').innerHTML='';
}
if( $('passwd2').value != $('passwd').value )
{
$('epasswd2').innerHTML='<p class="login_jjB"> 两次输入密码不一致!</p>';
return false;
}
else
{
$('epasswd2').innerHTML='';
}
if( $('email').value == "" )
{
$('eemail').innerHTML='<p class="login_jjB"> 邮箱地址!</p>';
return false;
}
else
{
$('eemail').innerHTML='';
}
if( $('vaild').value == "" )
{
$('evaild').innerHTML='<p class="login_jjB"> 请输入右边验证码!</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 class="login_jjA">
<span style="display:none;">
<select name="cityid" id="cityid" style="width:100px;" onblur="changelocation(document.registerform.cityid.options[document.registerform.cityid.selectedIndex].value)">
<option value="">--公司不限--</option>
<option value="2">--杭州舍易房地产代理有限公司--</option>
</select>
<select name="cityareaid" style="width:100px;" id="cityareaid">
<option value="0">--不限门店--</option>
</select>
</span>
<input name="username" id="username" type="text" class="jinru_in" value="" onblur="check();" onclick="check();" /></div>
<div id="eusername"></div>
</li>
<li><h1>密码:</h1>
<div class="login_jjA"><input name="passwd" type="password" id="passwd" class="jinru_in" onblur="check();" onclick="check();" /></div>
<div id="epasswd"></div>
</li>
<li><h1>确认密码:</h1>
<div class="login_jjA"><input name="passwd2" type="password" id="passwd2" class="jinru_in" onblur="check();" onclick="check();" /></div>
<div id="epasswd2"></div>
</li>
<li><h1>邮箱地址:</h1>
<div class="login_jjA"><input name="email" type="text" size="30" id="email" value="" class="jinru_in" onblur="check();" onclick="check();" /></div>
<div id="eemail"></div>
</li>
<li><h1>验证码:</h1>
<div class="login_jjA">
<input name="vaild" type="text" class="inlen" id="vaild" onblur="check();" onclick="check();" size="5" /><img src="/valid.php" /></div>
<div id="ever"></div>
</li>
<li style="height:35px;"><h1> </h1>
<div class="jinruD"><input value=" " type="submit" onclick="javascript:return check();" class="login_jj_btn"/></div>
</li>
</ul>
</form>
您可能感兴趣的文章:
相关文章推荐
- javascript用户注册提示效果的简单实例
- javaScript简单用户注册应用
- javascript显示用户停留时间的简单实例
- js(JavaScript)实现TAB标签切换效果的简单实例
- javascript显示用户停留时间的简单实例
- Jquery中国地图热点效果-鼠标经过弹出提示层信息的简单实例
- (简单的弹出div 覆盖背景)改善用户体验之alert提示效果 http://www.blueidea.com/tech/web/2006/4185.asp
- jquery实现的用户注册表单提示操作效果代码分享
- javascript中字体浮动效果的简单实例演示
- Javascript实现跑马灯效果的简单实例
- javascript特效实现――当前时间和倒计时效果的简单实例
- Jquery中国地图热点效果-鼠标经过弹出提示层信息的简单实例
- Javascript实现一个简单的输入关键字添加标签效果实例
- jquery实现的用户注册表单提示操作效果代码分享
- 用javascript实现改善用户体验之alert提示效果
- ASP.NET jQuery 实例12 通过使用jQuery validation插件简单实现用户注册页面验证功能
- ASP.NET jQuery 实例12 通过使用jQuery validation插件简单实现用户注册页面验证功能
- Javascript DOM 编程实例讲解--仿LightBox效果提示框
- javascript实现简单的鼠标拖动效果实例
- 简单的Html和JavaScript:用户注册页面