常用的js效验
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>emp.html</title>
</head>
<body>
<form name="empForm" id="empForm" method="post" action="user.html">
<table border="1">
<tr>
<td>真是姓名(不能为空，没有其他要求)</td>
<td><input type="text" id="realname" name="realname" /></td>
</tr>
<tr>
<td>登录名(登录名不能为空，长度应该在5-8之前，可以包含中文字符(一个汉字算一个字符))：</td>
<td><input type="text" id="username" name="username" /></td>
</tr>
<tr>
<td>密码(不能为空，长度在6-12字符或数字，不能包含中文字符)</td>
<td><input type="password" id="psw" name="psw" style="width:120px;" /></td>
</tr>
<tr>
<td>重复密码(不能为空，长度在6-12字符或数字，不能包含中文字符)</td>
<td><input type="password" id="psw2" name="psw2" style="width:120px;" /></td>
</tr>
<tr>
<td>性别(必选其一)</td>
<td>
<input type="radio" id="gender_male" value="m" name="gender" />男
<input type="radio" id="gender_female" value="f" name="gender" />女
</td>
</tr>
<tr>
<td>身份证(15或18位)</td>
<td><input type="text" id="cart" name="cart" size="20" value="" /></td>
</tr>
<tr>
<td align="right"><input type="button" name="ok" id="ok" value="保存" /></td>
<td></td>
</tr>
</table>
</form>
</body>
<script language="javascript">
window.onload=function(){
document.getElementById("ok").onclick=function(){
//alert("aa")
//<td><input type="text" id="realname" name="realname" /></td>
var realname=document.getElementById("realname").value;
if(realname=='null'||realname==''){
alert("你的真实姓名不能为空");
document.getElementById("realname").focus();
return false;
}
/*********************************************************************************************/
//登录名 <input type="text" id="username" name="username" />
var username=document.getElementById("username").value;
if(username=='null'||username==''){
alert("你的登录名不能为空");
document.getElementById("username").focus();
return false;
}
//验证长度不能小于5 匹配字母、数字、中文
var pattern=new RegExp("^[A-Za-z0-9\u4e00-\u9fa5]{0,4}$");
var flag=pattern.test(username);
//alert(flag);
if(flag){
alert("你输入的登录名不能小于5个字符");
document.getElementById("username").focus();
return false;
}
//验证长度不能大于8 匹配字母、数字、中文 方法2用文本的形式写
pattern=/^[A-Za-z0-9\u4e00-\u9fa5]{9,}$/;
if(pattern.test(username)){
alert("你输入的登录名不能大于8个字符");
document.getElementById("username").focus();
return false;
}
/*********************************************************************************************/
//密码(不能为空，长度在6-12字符或数字，不能包含中文字符)
//<input type="password" id="psw" name="psw" style="width:120px;" />
var psw=document.getElementById("psw").value;
if(psw=='null'||psw==''){
alert("你的密码不能为空");
document.getElementById("psw").focus();
return false;
}
//验证密码长度不小于6个字符
var pattern=/^[A-Za-z0-9\u4e00-\u9fa5]{0,5}$/;
if(pattern.test(psw)){
alert("您输入的密码长度不能小于6个字符");
document.getElementById("psw").focus();
return false;
}
//验证密码长度不能大于12个字符
pattern=/^[A-Za-z0-9\u4e00-\u9fa5]{12,}$/;
if(pattern.test(psw)){
alert("您输入的密码长度不能大于12个字符");
document.getElementById("psw").focus();
return false;
}
/*********************************************************************************************/
//<input type="password" id="psw2" name="psw2" style="width:120px;" />
var psw2=document.getElementById("psw2").value;
if(psw!=psw2){
alert("两次密码不一致")
document.getElementById("psw2").focus();
return false;
}
/*********************************************************************************************/
//性别(必选其一)
//<input type="radio" id="gender_male" value="m" name="gender" />男
//<input type="radio" id="gender_female" value="f" name="gender" />女
var flag=false;
var genderElements=document.getElementsByName("gender");
for(var i=0;i<genderElements.length;i++){
if(genderElements[i].checked){
flag=true;
break;
}
if(!flag){
alert("您没有第三种性别");
return false;
}
}
/*********************************************************************************************/
//身份证效验
//<td>身份证(15或18位)</td>
//<td><input type="text" id="cart" name="cart" size="20" value="" /></td>
var cart=document.getElementById("cart").value;
if(cart=='null'||cart==''){
alert("您的身份证不能为空");
document.getElementById("cart").focus();
return false;
}
var len=cart.length;
if(len!=15&&len!=18){
alert("您输入的身份证有误");
document.getElementById("cart").focus();
return false;
}
//验证身份证是15位
alert("len="+len);
if(len == 15){
var pattern=/^\d{15}$/;
if(!pattern.test(cart)){
alert("15位身份证输入有误");
document.getElementById("cart").focus();
return false;
}
}
//验证身份证是18位
//alert("len="+len);
if(len == 18){
var pattern=/^\d{18}$/;
if(!pattern.test(cart)){
alert("18位身份证输入有误");
document.getElementById("cart").focus();
return false;
}
}
}
}
</script>
</html>
常用的js效验的更多相关文章
- JS表单验证-12个常用的JS表单验证
JS表单验证-12个常用的JS表单验证 最近有个项目用到了表单验证,小编在项目完结后的这段时间把常用的JS表单验证demo整理了一下,和大家一起分享~~~ 1. 长度限制 <p>1. 长度 ...
- 几种常用的JS类定义方法
几种常用的JS类定义方法 // 方法1 对象直接量var obj1 = { v1 : "", get_v1 : function() { return ...
- 封装常用的js（Base.js）——【01】理解库，获取节点，连缀，
封装常用的js(Base.js)——[01]理解库,获取节点,连缀, youjobit07 2014-10-10 15:32:59 前言: 现如今有太多优秀的开源javascript库, ...
- 工作中常用的JS函数整理分享（欢迎大家补充）
今年在渣X工作整理的常用JS函数 今年来了渣X工作,我所在这个部门分工很奇怪,CSS竟然有专门的人在搞,开发PHP的人员需要处理JS,以至于有时候开发起来不是那么得心应手,感觉把JS和CSS拆开就像是 ...
- ASP.NET中常用输出JS脚本的类（来自于周公博客）
using System; using System.Collections.Generic; using System.Text; using System.Web; using System.We ...
- 160229-01、web页面常用功能js实现
web页面常用功能js实现 1.网页未加载时弹出新窗口 <body onunload="window.open('http://www.a68.cn');">< ...
- 常用的js、java编码解码方法
前言 前后端直接传输数据进行交互不就行了吗,为什么还要进行编码解码?正常情况下直接交互没问题,但当有类似以下情况出现时就需要进行编码再进行传输: 1.编码格式难以统一,导致数据交互过程出现中文乱码等问 ...
- 127个常用的JS代码片段，每段代码花30秒就能看懂（上）
127个常用的JS代码片段,每段代码花30秒就能看懂(上) JavaScript 是目前最流行的编程语言之一,正如大多数人所说:“如果你想学一门编程语言,请学JavaScript.” FreeCode ...
- 工作中常用的js、jquery自定义扩展函数代码片段
仅记录一些我工作中常用的自定义js函数. 1.获取URL请求参数 //根据URL获取Id function GetQueryString(name) { var reg = new RegExp(&q ...
随机推荐
- Win8 +PHP+IIS配置
1.安装IIS:控制面板-程序和功能-打开或关闭Windows功能 2.配置PHP环境 -添加ISAPI筛选: -添加脚本映射:
- 关于DateTime和String转换的容易犯得错误
字符串转换成DateTime 在开发中,常常会有DataTime类型和String类型的互相转换的要求,比较常用的写法是var date = Convert.ToDateTime("2012 ...
- AS3的数据类型和定义
AS3的数据类型分: 基元数据类型:Boolean int(整数) Number(长的浮点数) unit(很大的正整数) String 复杂数据类型:Arrary Date Error ...
- 控制器view加载
出自李明杰讲课视频
- string与char* 互相转换以及周边问题
先插一个小知识点 string str = "abc" str += 'd'; cout<<str<<endl; //"abcd" ...
- Git命令详解
一个中文git手册:http://progit.org/book/zh/ 原文:http://blog.csdn.net/sunboy_2050/article/details/7529841 前面两 ...
- 【HDOJ】1688 Sightseeing
Dijkstra求解次短路径,使用cnt和dis数组记录最小.次小的个数和长度.重写更新操作. /* 1688 */ #include <iostream> #include <st ...
- 【HDOJ】1518 Square
DFS+剪枝.与HDOJ 1455如出一辙. #include <stdio.h> #include <stdlib.h> #include <string.h> ...
- 【HDOJ】1466 计算直线的交点数
找了个规律. #include <stdio.h> #include <stdlib.h> #include <string.h> #define MAXN 21 ...
- （转载）Mac和iOS开发资源汇总—更新于2013-07-19
(转载)http://beyondvincent.com/2013/07/18/resources-for-mac-and-ios-developers/ 小引 本文主要汇集一些苹果开发的资源,会经常 ...