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 prototype 原型链
Mar 12 Javascript
JavaScript 语言基础知识点总结(思维导图)
Nov 10 Javascript
javascript中String对象的slice()方法分析
Dec 20 Javascript
最流行的Node.js精简型和全栈型开发框架介绍
Feb 26 Javascript
JavaScript中的slice()方法使用详解
Jun 06 Javascript
JavaScript计划任务后台运行的方法
Dec 18 Javascript
详解基于vue的移动web app页面缓存解决方案
Aug 03 Javascript
Three.js利用顶点绘制立方体的方法详解
Sep 27 Javascript
详解如何去除vue项目中的#——History模式
Oct 13 Javascript
浅谈Webpack 是如何加载模块的
May 24 Javascript
讲解vue-router之什么是嵌套路由
May 28 Javascript
vue通过接口直接下载java生成好的Excel表格案例
Oct 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
FastCGI 进程意外退出造成500错误
2015/07/26 PHP
jQuery ReferenceError: $ is not defined 错误的处理办法
2013/05/10 Javascript
javascript history对象(历史记录)使用方法(实现浏览器前进后退)
2014/01/07 Javascript
JavaScript怎么判断图片是否加载完成以便获取其尺寸
2014/05/08 Javascript
jQuery 中国省市两级联动选择附图
2014/05/14 Javascript
JS简单操作select和dropdownlist实例
2014/11/26 Javascript
Bootstrap CSS组件之分页(pagination)和翻页(pager)
2016/12/17 Javascript
jQuery点击头像上传并预览图片
2017/02/23 Javascript
详解es6超好用的语法糖Decorator
2018/08/01 Javascript
使用vuex解决刷新页面state数据消失的问题记录
2019/05/08 Javascript
webpack的tree shaking的实现方法
2019/09/18 Javascript
jquery弹窗时禁止body滚动条滚动的例子
2019/09/21 jQuery
vue的三种图片引入方式代码实例
2019/11/19 Javascript
详解vue中v-model和v-bind绑定数据的异同
2020/08/10 Javascript
[01:52]2020年DOTA2 TI10夏季活动预告片
2020/07/15 DOTA
Python基于matplotlib绘制栈式直方图的方法示例
2017/08/09 Python
python利用MethodType绑定方法到类示例代码
2017/08/27 Python
Python简单计算给定某一年的某一天是星期几示例
2018/06/27 Python
树莓派采用socket方式文件传输(python)
2019/06/22 Python
Django 开发环境配置过程详解
2019/07/18 Python
python GUI库图形界面开发之PyQt5浏览器控件QWebEngineView详细使用方法
2020/02/26 Python
python3注册全局热键的实现
2020/03/22 Python
Python 日期与时间转换的方法
2020/08/01 Python
python分布式爬虫中消息队列知识点详解
2020/11/26 Python
如何用Python提取10000份log中的产品信息
2021/01/14 Python
幼儿师范毕业生自荐信
2013/11/09 职场文书
留学自荐信写作方法
2014/01/27 职场文书
会计电算化专业自荐信
2014/03/15 职场文书
工资收入证明样本(5篇)
2014/09/16 职场文书
党委领导班子整改方案
2014/09/30 职场文书
企业法人代表授权委托书
2014/10/02 职场文书
培养联系人考察意见
2015/06/01 职场文书
《活见鬼》教学反思
2016/02/24 职场文书
新手开公司创业注意事项有哪些?
2019/07/29 职场文书
详解Python牛顿插值法
2021/05/11 Python
golang实现一个简单的websocket聊天室功能
2021/10/05 Golang