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 相关文章推荐
客户端脚本中常常出现的一些问题和调试技巧
Jan 09 Javascript
jQuery easyui datagrid动态查询数据实例讲解
Feb 26 Javascript
js中 计算两个日期间的工作日的简单实例
Aug 08 Javascript
使用vue和datatables进行表格的服务器端分页实例代码
Jun 07 Javascript
详解vue项目构建与实战
Jun 27 Javascript
checkbox:click事件触发span元素内容改变的方法
Sep 11 Javascript
JavaScript基础心法 数据类型
Mar 05 Javascript
jQuery中常用动画效果函数知识点整理
Aug 19 jQuery
Vue $emit $refs子父组件间方法的调用实例
Sep 12 Javascript
jQuery+ajax实现批量删除功能完整示例
Jun 06 jQuery
Vue如何提升首屏加载速度实例解析
Jun 25 Javascript
Javascript中的解构赋值语法详解
Apr 02 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
用Json实现PHP与JavaScript间数据交换的方法详解
2013/06/20 PHP
PHP多进程之pcntl_fork的实例详解
2017/10/15 PHP
JS window.opener返回父页面的应用
2009/10/24 Javascript
jQuery EasyUI API 中文文档 - TreeGrid 树表格使用介绍
2011/11/21 Javascript
JavaScript中的作用域链和闭包
2012/06/30 Javascript
JavaScript使用Prototype实现面向对象的方法
2015/04/14 Javascript
JavaScript实现cookie的写入、读取、删除功能
2015/11/05 Javascript
jquery+css3实现会动的小圆圈效果
2016/01/27 Javascript
NodeJS创建基础应用并应用模板引擎
2016/04/12 NodeJs
最简单纯JavaScript实现Tab标签页切换的方式(推荐)
2016/07/25 Javascript
BootStrap网页中代码显示用法详解
2016/10/21 Javascript
使用 Node.js 对文本内容分词和关键词抽取
2017/05/27 Javascript
vue使用vue-cli快速创建工程
2017/07/28 Javascript
es6中的解构赋值、扩展运算符和rest参数使用详解
2017/09/28 Javascript
JS中Attr的用法详解
2017/10/09 Javascript
为输入框加入数字js校验代码分享
2017/11/02 Javascript
关于Mac下安装nodejs、npm和cnpm的教程
2018/04/11 NodeJs
Vue-cropper 图片裁剪的基本原理及思路讲解
2018/04/17 Javascript
js input输入百分号保存数据库失败的解决方法
2018/05/26 Javascript
微信小程序利用canvas 绘制幸运大转盘功能
2018/07/06 Javascript
JS实现动态生成html table表格的方法分析
2018/07/11 Javascript
jQuery实现checkbox全选功能完整实例
2018/07/12 jQuery
JS滚轮控制图片缩放大小和拖动的实例代码
2018/11/20 Javascript
VUE子组件向父组件传值详解(含传多值及添加额外参数场景)
2020/09/01 Javascript
python服务器与android客户端socket通信实例
2014/11/12 Python
python使用rpc框架gRPC的方法
2018/08/24 Python
python中类的属性和方法介绍
2018/11/27 Python
python处理“
2019/06/10 Python
解决Python import docx出错DLL load failed的问题
2020/02/13 Python
为奢侈时尚带来了慈善元素:Olivela
2018/09/29 全球购物
耐克亚太地区:Nike APAC
2019/12/07 全球购物
C语言笔试题
2014/09/04 面试题
《学棋》教后反思
2014/04/14 职场文书
物联网工程专业推荐信
2014/09/08 职场文书
明确岗位职责
2015/02/14 职场文书
2015年学校精神文明工作总结
2015/05/27 职场文书