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 ...
随机推荐
- BZOJ4684 : Company Organization
二分答案,转化为判定问题. 建立有向图,$a->b$连边表示$a$是$b$的子集,至此可以处理掉$1$和$2$. 对于$5$,则往对应点的集合塞一个元素,即可满足$5$. 首先求出强连通分量进行 ...
- nginx二级域名配置到文件夹
user root; worker_processes ; events { worker_connections ; } http { include mime.types; default_typ ...
- Android 摇一摇 之 传感器片
要监视原始的传感器数据,你需要实现两个通过SensorEventListener接口暴露的回调方法:onAccuracyChanged()和onSensorChanged(). 传感器数据的速度值,这 ...
- Codeforces Round #247 (Div. 2) B - Shower Line
模拟即可 #include <iostream> #include <vector> #include <algorithm> using namespace st ...
- 【BZOJ】2741: 【FOTILE模拟赛】L
题意:给定一个长度为n的序列,m次询问,每次询问一个区间[l, r],求max(Ai xor Ai+1 xor Ai+2 ... xor Aj),其中l<=i<=j<=r.(n< ...
- CF 335B. Palindrome(DP)
题目链接 挺好玩的一个题,1Y... #include <cstdio> #include <cstring> #include <iostream> using ...
- HDU 1102 最小生成树裸题,kruskal,prim
1.HDU 1102 Constructing Roads 最小生成树 2.总结: 题意:修路,裸题 (1)kruskal //kruskal #include<iostream> ...
- ffmpeg入门
总入口 http://blog.csdn.net/leixiaohua1020/article/details/15811977 各结构体介绍 http://blog.csdn.net/leixiao ...
- Timestame类型和String 类型的转化
Timestame类型和String 类型的转化 String转化为Timestamp: SimpleDateFormat df = new SimpleDateFormat("yyyy-M ...
- 淘宝玉伯引发Web前后端研发模式讨论
淘宝玉伯是是前端基础类库 Arale 的创始人,Arale 基于 SeaJS 和 jQuery.不久前,淘宝玉伯在 Github 的 Arale 讨论页面上抛出了自己对于Web 前后端研发模式的思考. ...