JavaScript实现注册模块功能
一直用JQuery,JavaScript都有些忘记了,今天又拾起来了。。。
<script LANGUAGE=javascript RUNAT=Server>function isEmail(strEmail) {/***检测邮箱**/var tdEmailTip = document.getElementById("email_td");var td_email_tip = document.getElementById("email_tip");var textNode1 = document.createTextNode("请输入邮箱地址");var td_email_tip = document.getElementById("email_tip");var textNode2 = document.createTextNode("请输入正确的邮箱地址");var img = document.createElement("img");img.src="img/zc_dh.png";img.id="img";var op = document.createElement("p")op.id ="email_tip";if(document.getElementById("email_chk").value==""&&!document.getElementById("email_tip").hasChildNodes()){td_email_tip.appendChild(textNode1);document.getElementById("email_chk").focus();}if(document.getElementById("email_chk").value!=""){if(document.getElementById("email_td").hasChildNodes()){ tdEmailTip.removeChild(td_email_tip);}if (strEmail.search(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/) != -1){if(document.getElementById("email_td").hasChildNodes()){tdEmailTip.removeChild(td_email_tip);}op.appendChild(img);tdEmailTip.appendChild(op);}else{if(document.getElementById("email_td").hasChildNodes()){tdEmailTip.removeChild(td_email_tip);}op.appendChild(textNode2);tdEmailTip.appendChild(op);}}}/***检验昵称**/function isNikName(nickname){var nick_td = document.getElementById("name_td");var nick_p = document.getElementById("pName");var nickname=document.createElement("p");nickname.id="pName";var textname = document.createTextNode("请输入昵称");if(document.getElementById("nikname").value==""){if(!document.getElementById("name_td").hasChildNodes()){nickname.appendChild(textname);nick_td.appendChild(nickname);}}else{if(document.getElementById("name_td").hasChildNodes()){nick_td.removeChild(nick_p);}}}/***检验密码**/function PasswordStrength(passwordID,strengthID){this.init(strengthID);var _this = this;document.getElementById(passwordID).onkeyup = function(){_this.checkStrength(this.value);}};PasswordStrength.prototype.init = function(strengthID){var id = document.getElementById(strengthID);var div = document.createElement('div');var strong = document.createElement('strong');this.oStrength = id.appendChild(div);this.oStrengthTxt = id.parentNode.appendChild(strong);};PasswordStrength.prototype.checkStrength = function (val){var aLvTxt = ['','低','中','高'];var lv = 0;if(val.match(/[a-z]/g)){lv++;}if(val.match(/[0-9]/g)){lv++;}if(val.match(/(.[^a-z0-9])/g)){lv++;}if(val.length < 6){lv=0;}if(lv > 3){lv=3;}this.oStrength.className = 'strengthLv' + lv;this.oStrengthTxt.innerHTML = aLvTxt[lv];};/***进行其他项输入***/function chk_pwd(pwd){document.getElementById("pwd_strength").style.display="none";}/***密码强度框显示**/function pwd_display(){document.getElementById("pwd_strength").style.display="block";}/***确认密码**/function chk_repwd(){if(document.getElementById("pass").value==""){//alert("s输入");var pwd_tip = document.getElementById("re_pwdchk");var tippwd = document.createElement("p");tippwd.id = "pwd_re";var pp = document.getElementById("pwd_re");var textNode = document.createTextNode("请输入密码");if(!document.getElementById("re_pwdchk").hasChildNodes()){tippwd.appendChild(textNode);pwd_tip.appendChild(tippwd);}}} </script>
转载于:https://blog.51cto.com/8335914/1344522
JavaScript实现注册模块功能相关推荐
- 14、阿里云短信Demo演示、Http的Get请求和Post请求演示、httpClient工具类演示、发送短信模块搭建、搭建用户中心模块、完成user注册基本功能、验证码存入redis、短信验证码注册
阿里云短信Demo演示 一.前端部分 无前端. 二.后端部分 1.创建发送短信测试模块SmsSendDemo,不用使用骨架. 2.在pom文件中引入依赖坐标 <dependency>< ...
- JavaWeb实现注册登录功能并将用户数据写进数据库(商城系统第一部分)
JavaWeb实现注册登录功能并将用户数据写进数据库(商城系统第一部分) 声明:本人并非项目原创,该商城系统原创来自撩课高新强老师:https://study.163.com/course/intro ...
- JavaWEB二十一:BookShop项目 - 各模块功能
BookShop项目 - 各模块功能 导读:各模块的开发逻辑架构 业务逻辑 对项目的各部分进行开发时,首要任务是明确该部分的业务逻辑.明确任务逻辑后,才可能对html文件.dao层.service层. ...
- 用javascript实现自我执行功能的目的是什么?
在javascript中,什么时候要使用它: (function(){//Bunch of code... })(); 在此: //Bunch of code... #1楼 我简直不敢相信答案中没有提 ...
- Codeigniter 用户登录注册模块
Codeigniter 用户登录注册模块 以下皆是基于Codeigniter + MySQL 一.要实现用户登录注册功能,首先就要和MySQL数据库连接,操作流程如下: CI中贯彻MVC模型,即Mod ...
- 登录及注册模块设置与流程图
登录及注册模块设置与流程图 原文地址:http://www.cocoachina.com/design/20170320/18918.html 一.登录/注册模块流程图 1.电商&O2O类产品 ...
- js利用tab键切换当前页面_JS实现的tab切换并显示相应内容模块功能示例
本文实例讲述了JS实现的tab切换并显示相应内容模块功能.分享给大家供大家参考,具体如下: 思路:一层循环遍历操作的元素并获取当前遍历到的元素的下标,通过下标去选择显示对应的内容模块. 二层循环将元素 ...
- 01: 实现注册登录功能
目录:抽屉项目之js最佳实践 01: 实现注册登录功能 02: 实现发布帖子功能 03: 将帖子展示到页面.点赞 04: 层级评论 目录: 1.1 显示.隐藏 "登录/注册" 菜单 ...
- 【ES6】模块功能的实现--export / import 命令
历史上,JavaScript 一直没有模块(module)体系,无法将一个大程序拆分成互相依赖的小文件,再用简单的方法拼装起来.在 ES6 之前,社区制定了一些模块加载方案,最主要的有 CommonJ ...
最新文章
- JDK 8中几乎命名的方法参数
- 读取Xml文档的元素和属性
- for循环false 终止 python_python3.5.1给用户3次无效的尝试,然后终止pgm(Simple FOR循环)...
- .net去除html标签代码
- OBJ文件格式分析工具: objdump, nm,ar
- 博图帮助乱码解决方法
- datagrid combobox 选择后显示valueField 而不是 textValue解决方法
- 5. Zend_Log
- C/C++ QT图形开发高级组件 [空]
- 超表面透镜相位matlab,基于超透镜的小F数大景深镜头的设计方法及应用与流程...
- 23篇大数据系列(三)sql基础知识(史上最全,建议收藏)
- bootstrap开发微信公众号后台界面
- 一台服务器如何做两个站点,一台服务器实现多个Web站点
- matlab中abs函数,matlababs是什么意思 是是是什么意思
- 如何在OpenWRT的非交换网卡/单口网卡(OpenWRT x86)下配置802.1Q VLAN
- 下载json文件,解决浏览器对JSON文件链接直接打开问题
- 16含参数的极限问题
- 实训周实验(eNSP安装+简单使用+实验项目)总结
- 表格头固定而列可滚动的效果
- mysql 存储过程中 if else的使用 和赋值方式