js注册验证提示!
<script>
var ifEmail =false;
var ifPassword;
function ainf() {
var txtEnun=document.getElementById("nam1");
if(txtEnun.value.length==0){
var txtprin=document.getElementById("spaninfo");
$$stin("spaninfo").innerHTML="*输入的Email为空!";
}else{
var hun=/\s+/;
if(hun.test(txtEnun.value.trim())){
$$stin("spaninfo").innerHTML="*输入的数据不能有空字符串!";
}else{
var gunf=/^\w+@\w+\.((cn)|(com)|(com\.cn))$/;
if(gunf.test(txtEnun.value.trim())){
ifEmail=true;
$$stin("spaninfo").innerHTML="<img src='images/register_write_ok.gif'>";
}else{
$$stin("spaninfo").innerHTML="*输入的Email格式不对";
}
}
}
}
function suin(){
var txting=document.getElementById("nam2");
if(txting.value.length==0){
var txthun=document.getElementById("spaninfo1");
ifEmail=false;
$$stin("spaninfo1").innerHTML="*输入的用户名为空!";
}else{
var hun=/\s+/;
if(hun.test(txting.value.trim())){
ifEmail=false;
$$stin("spaninfo1").innerHTML="*输入的数据不能有空字符串!";
}else{
$$stin("spaninfo1").innerHTML="<img src='images/register_write_ok.gif'>";
}
}
}
function hunfd(){
var txthunf=$$stin("nam3");
if(txthunf.value.length==0){
var txtnun=$$stin("spaninfo2");
ifEmail=false;
$$stin("spaninfo2").innerHTML="*输入的密码为空!";
}else{
var hun=/\s+/;
if(hun.test(txthunf.value.trim())){
ifEmail=false;
$$stin("spaninfo2").innerHTML="*输入的数据不能为空字符串!";
}else{
ifPassword=$$stin("nam3").value;
var sas=/^\d+$/;
if(sas.exec(ifPassword)){
ifEmail=false;
$$stin("spaninfo2").innerHTML="*不能为纯数字!";
}else{
$$stin("spaninfo2").innerHTML="<img src='images/register_write_ok.gif'>";
}
}
}
}
function hunfd1(){
var txthunf1=$$stin("nam4");
if(txthunf1.value.length==0){
ifEmail=false;
var txtnun1=$$stin("spaninfo3");
$$stin("spaninfo3").innerHTML="*输入的密码为空!";
}else{
if(ifPassword==txthunf1.value){
$$stin("spaninfo3").innerHTML="<img src='images/register_write_ok.gif'>";
ifEmail=true;
}else{
ifEmail=false;
$$stin("spaninfo3").innerHTML="*重复输入的不相同!";
}
}
}
function gunf(){
var fund=$$stin("nam5");
var fund1=$$stin("nam6");
}
var selectDefault="";
window.onload=function(){
selectDefault=$$stin("nam8").children[0];
}
function find(obj){
var selectValue=obj.value;
$$stin("nam8").options.length=0;
switch(selectValue){
case "1":
$$stin("nam8").appendChild(selectDefault);
break;
case "2":
var hunf=new Array("东城区","西城区", "宣武区", "崇文区" ,"石景山区" ,"朝阳区", "海淀区", "大兴区", "丰台区");
for(var i=0;i<hunf.length;i++){
var hun=hunf[i];
var createElement=document.createElement("option");
createElement.innerText=hun;
$$stin("nam8").appendChild(createElement);
}
break;
case "3":
var hunf1=new Array("宝山区","杨浦区","虹口区","闸北区","普陀区","长宁区","徐汇区","闵行区","静安区","卢湾区","黄浦区");
for(var i=0;i<hunf1.length;i++){
var hun1=hunf1[i];
var createElement1=document.createElement("option");
createElement1.innerHTML=hun1;
$$stin("nam8").appendChild(createElement1);
}
break
case "4":
break;
default :
break;
}
}
function $$stin(id){
return document.getElementById(id);
}
function checkAll(){
if(ifEmail==true){
return true;
}else{
return false;
}
}
</script>
<form name="form1">
Email地址:<input type="text" onblur="ainf()" id="nam1"/><span style="color: red" id="spaninfo"></span><br>
设置名称:<input type="text" onblur="suin()" id="nam2"/><span style="color: red" id="spaninfo1"></span> <br>
设置密码:<input type="text" onblur="hunfd()" id="nam3"/><span style="color: red" id="spaninfo2"></span><br>
再次输入密码:<input type="text" onblur="hunfd1()" id="nam4"/><span style="color: red" id="spaninfo3"></span><br>
性别:<input type="checkbox" id="nam5" onclick="gunf()" checked="checked"/>男 <input type="checkbox" onclick="gunf()" id="nam6"/>女<br>
所在地区:<select name="nam7" id="nam7" onclick="find(this);">
<option value="1">--请输入地区--</option>
<option value="2">北京</option>
<option value="3">上海</option>
</select>
<select name="nam8" id="nam8">
<option value="1">--请输入区域--</option>
</select><br>
<input type="submit" onclick="return checkAll()"/>
</form>
js注册验证提示!的更多相关文章
- js注册验证
var user = $("user");var userCheck = $("userCheck");var pwd = $("pwd") ...
- js注册验证【转】
function getFocus() //设置用户名文本框获取焦点 { document.getElementById("txtuname").focus(); } functi ...
- jquery/js实现验证聚焦,失焦
jquery实现验证聚焦,失焦方法: 我还是喜欢用jquery来实现,不管页面中多少个输入框需要实现聚焦,失焦,都公有,我常用的方法是: 遍历该页面中的input框,获取输入框中的val值,当该输入框 ...
- 【转】Eclipse去除js(JavaScript)验证错误
这篇文章主要是对Eclipse去除js(JavaScript)验证错误进行了介绍.在Eclipse中,js文件常常会报错.可以通过如下几个步骤解决 第一步:去除eclipse的JS验证:将window ...
- PHP+Ajax 异步通讯注册验证
HTML代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www. ...
- MVC与Validate验证提示的样式修改
MVC中使用Validate的验证,要修改错误提示样式一共有3处需要修改,否则就不太完美了: MVC中的Validate的验证机制只用在后台写一次,就可以完成前台和后台的完美验证,前台的验证主要是依靠 ...
- [待优化笔记]原生JS实现验证框架 checkFun
;(function(){ /** 验证框架 checkFun * 使用方法: * <input class="required" type="text" ...
- SpringBoot注册登录(三):注册--验证账号密码是否符合格式及后台完成注册功能
SpringBoot注册登录(一):User表的设计点击打开链接SpringBoot注册登录(二):注册---验证码kaptcha的实现点击打开链接 SpringBoot注册登录(三):注册 ...
- Axure实现多用户注册验证
*****多用户登录验证***** 一.(常规想法)方法:工作量较大,做起来繁琐 1.当用户名和密码相同时怎么区分两者,使用冒号和括号来区分: eg. (admin:123456)(123456:de ...
随机推荐
- BZOJ4569 : [Scoi2016]萌萌哒
建立ST表,每层维护一个并查集. 每个信息可以拆成两条长度为$2$的幂次的区间相等的信息,等价于ST表里两对点的合并. 然后递归合并,一旦发现已经合并过了就退出. 因为一共只会发生$O(n\log n ...
- BZOJ3425 : Poi2013 Polarization
最小值肯定是把树看作二分图,此时答案为$n-1$. 最大值一定是选取重心为根,任意一个子树要么全部指向根,要么全部背离根,这样可以制造最大的星型图. 统计出每个子树的大小后做01背包,如果小于$\sq ...
- 在Spring-Mybatis-Restful中配置多数据源的properties文件
在Spring的配置文件中,如下: <?xml version="1.0" encoding="utf-8"?> <beans xmlns=& ...
- Redis的两个小技巧
1.通配删除相同前缀的缓存 DEL命令的参数不支持通配符,但我们可以结合Linux的管道和xargs命令自己实现删除所有符合规则的键. 比如要删除所有以“structure_”开头的键,就可以执行下面 ...
- URAL 1346. Intervals of Monotonicity(DP)
题目链接 错误的贪了一下,然后D了两下就过了.注意是不上升和不下降..不是上升和下降.. #include <cstring> #include <cstdio> #inclu ...
- MySQL 服务无法启动。服务没有报告任何错误。
MySQL数据库在升级到5.7版本后,和之前的版本有些不一样,没有data文件夹,我们都知道MySQL数据库文件是保存在data文件夹中的,网上有人说把5.6版本的data文件夹拷贝一个,这种说法听听 ...
- IIS7.0+部署ARR负载均衡
安装: 1. 安装IIS(需要附带相关的健康检查,需要原始的那个默认站点) 2. 安装ARR相关的文件 3. 安装好之后,IIS里会出现有Server Farms的节点,直接创建服务器. 站点对 ...
- 复制 VS 复用 -04
(续上篇) 小菜:“我明白了,他说用任意一种面向对象语言实现,那意思就是要用面向对象的编程方法去实现,对吗?OK,这个我学过,只不过当时我没想到而已.” 大鸟:“所有编程初学者都会有这 ...
- [转]CPU的位数与操作系统的位数的区别
转自:http://weiheyouchou.blog.hexun.com/35564976_d.html 随着近来AMD和Intel的64位CPU以及 Microsoft 64位操作系统的相继发布, ...
- Java_Eclipse安装Git插件
一.从官网选择系统版本下载Git并安装 地址:https://git-scm.com/downloads/ 二.打开Eclipse 1. 第一种安装方法: help-->Install New ...