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 面向对象,实现namespace,class,继承,重载
Oct 29 Javascript
JavaScript Event学习第七章 事件属性
Feb 07 Javascript
文本框水印提示效果的简单实现代码
Feb 22 Javascript
javascript创建函数的20种方式汇总
Jun 23 Javascript
jquery合并表格中相同文本的相邻单元格
Jul 17 Javascript
javascript中Number的方法小结
Nov 21 Javascript
通过BootStrap-select插件 js jQuery控制select属性变化
Jan 03 Javascript
jQuery实现多张图片上传预览(不经过后端处理)
Apr 29 jQuery
js实现随机点名小功能
Aug 17 Javascript
vue2.0在table中实现全选和反选的示例代码
Nov 04 Javascript
vue-cli打包后本地运行dist文件中的index.html操作
Aug 12 Javascript
解决vue-pdf查看pdf文件及打印乱码的问题
Nov 04 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
php4与php5的区别小结(配置异同)
2011/12/20 PHP
php简单实现数组分页的方法
2016/04/30 PHP
9个javascript语法高亮插件 推荐
2009/07/18 Javascript
js给页面加style无效果的解决方法
2014/01/20 Javascript
jquery设置按钮停顿3秒不可用
2014/03/07 Javascript
使表格的标题列可左右拉伸jquery插件封装
2014/11/24 Javascript
Angular用来控制元素的展示与否的原生指令介绍
2015/01/07 Javascript
javascript实现日期时间动态显示示例代码
2015/09/08 Javascript
使用impress.js制作幻灯片
2015/09/09 Javascript
javascript自动切换焦点控制效果完整实例
2016/02/02 Javascript
Bootstrap框架的学习教程详解(二)
2016/10/18 Javascript
微信小程序基于本地缓存实现点赞功能的方法
2017/12/18 Javascript
小程序实现录音上传功能
2019/11/22 Javascript
python搭建简易服务器分析与实现
2012/12/15 Python
Python 登录网站详解及实例
2017/04/11 Python
Python3 处理JSON的实例详解
2017/10/29 Python
在pandas多重索引multiIndex中选定指定索引的行方法
2018/11/16 Python
Python实现Mysql数据统计及numpy统计函数
2019/07/15 Python
python 的 scapy库,实现网卡收发包的例子
2019/07/23 Python
Python 保持登录状态进行接口测试的方法示例
2019/08/06 Python
树莓派3 搭建 django 服务器的实例
2019/08/29 Python
Python 实现Image和Ndarray互相转换
2020/02/19 Python
python GUI库图形界面开发之PyQt5信号与槽基本操作
2020/02/25 Python
使用canvas绘制贝塞尔曲线
2014/12/17 HTML / CSS
万代美国官网:PREMIUM BANDAI USA
2020/09/11 全球购物
Athleta官网:购买女士瑜伽服、技术运动服和休闲运动服
2020/11/12 全球购物
如何实现jdbc性能优化
2012/07/30 面试题
中科软测试工程师面试题
2012/06/16 面试题
护士在校生自荐信
2014/02/01 职场文书
股东合作协议书
2014/04/14 职场文书
金融系毕业生自荐书
2014/07/08 职场文书
2015年企业新年寄语
2014/12/08 职场文书
大学生读书笔记范文
2015/07/01 职场文书
教学工作总结范文5篇
2019/08/19 职场文书
导游词之江南园林狮子林
2019/09/16 职场文书
Java存储没有重复元素的数组
2022/04/29 Java/Android