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


Posted in Javascript onAugust 17, 2013
<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 新手24条实用建议[TUTS+]
Jun 21 Javascript
基于JQuery的密码强度验证代码
Mar 01 Javascript
jQuery实现单击按钮遮罩弹出对话框(仿天猫的删除对话框)
Apr 10 Javascript
Js 正则表达式知识汇总
Dec 02 Javascript
jQuery中parentsUntil()方法用法实例
Jan 07 Javascript
jQuery获取table行数并输出单元格内容的实现方法
Jun 30 Javascript
Bootstrap导航条学习使用(二)
Feb 08 Javascript
layui的table单击行勾选checkbox功能方法
Aug 14 Javascript
微信小程序首页的分类功能和搜索功能的实现思路及代码详解
Sep 11 Javascript
原生js实现瀑布流效果
Mar 09 Javascript
jQuery 隐藏/显示效果函数用法实例分析
May 20 jQuery
Element Tooltip 文字提示的使用示例
Jul 26 Javascript
JS返回上一页实例代码通过图片和按钮分别实现
Aug 16 #Javascript
判断js对象是否拥有某一个属性的js代码
Aug 16 #Javascript
JS判断数组中是否有重复值得三种实用方法
Aug 16 #Javascript
对frameset、frame、iframe的js操作示例代码
Aug 16 #Javascript
jQuery实现密保互斥问题解决方案
Aug 16 #Javascript
图标线性回归斜着移动到指定的位置
Aug 16 #Javascript
jquery实现图片裁剪思路及实现
Aug 16 #Javascript
You might like
phpMyAdmin下载、安装和使用入门教程
2007/05/31 PHP
PHP反射使用实例和PHP反射API的中文说明
2014/07/02 PHP
PHP实现递归目录的5种方法
2016/10/27 PHP
Thinkphp5.0框架视图view的模板布局用法分析
2019/10/12 PHP
完美解决JS中汉字显示乱码问题(已解决)
2006/12/27 Javascript
用倒置滤镜把div倒置,再把table倒置。
2007/07/31 Javascript
js Dialog 去掉右上角的X关闭功能
2014/04/23 Javascript
jquery取子节点及当前节点属性值的方法
2014/09/09 Javascript
jQuery DataTables插件自定义Ajax分页实例解析
2020/04/28 Javascript
angularJs关于指令的一些冷门属性详解
2016/10/24 Javascript
利用JS制作万年历的方法
2017/08/16 Javascript
jQuery实现定时隐藏对话框的方法分析
2018/02/12 jQuery
详解JavaScript 中 if / if...else...替换方式
2018/07/15 Javascript
JS 实现微信扫一扫功能
2018/09/14 Javascript
Postman环境变量全局变量使用方法详解
2020/08/13 Javascript
[48:26]VGJ.S vs infamous Supermajor 败者组 BO3 第二场 6.4
2018/06/05 DOTA
Python3中的真除和Floor除法用法分析
2016/03/16 Python
Python中序列的修改、散列与切片详解
2017/08/27 Python
使用python绘制3维正态分布图的方法
2018/12/29 Python
python交易记录链的实现过程详解
2019/07/03 Python
python中将两组数据放在一起按照某一固定顺序shuffle的实例
2019/07/15 Python
如何在python中执行另一个py文件
2020/04/30 Python
Python变量格式化输出实现原理解析
2020/08/06 Python
Tiqets英国:智能手机上的文化和娱乐门票
2019/07/10 全球购物
金属材料工程毕业生个人的自我评价
2013/11/28 职场文书
英文简历中的自我评价用语
2013/12/09 职场文书
物流管理系毕业生求职信
2014/06/03 职场文书
煤矿安全知识竞赛活动总结
2014/07/07 职场文书
领导干部个人对照检查材料(群众路线)
2014/09/26 职场文书
2014年小学工作总结
2014/11/26 职场文书
2015初一年级组工作总结
2015/07/24 职场文书
五年级数学教学反思
2016/02/16 职场文书
《彼得与狼》教学反思
2016/02/20 职场文书
Feign调用传输文件异常的解决
2021/06/24 Java/Android
【海涛解说】史上最给力比赛,挑战DOTA极限
2022/04/01 DOTA
Rust中的Struct使用示例详解
2022/08/14 Javascript