常用的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 ...
随机推荐
- 【实习记】2014-08-20实习的mini项目总结
实习项目总结文档 项目介绍 项目逻辑很简单,只有几个页面,只能登录,查看,支付和退款.主要作用是熟悉C++的cgi的web服务开发方式. 项目页面截图 图一:登录页面 图二:买家查看 图三:买 ...
- c#配置文件appStrings配置节的读取、添加和修改
程序开发中经常会用到应用程序配置文件,好处就是维护人员可以直接修改配置文件进行维护,而不用修改程序.好,切入主题. 给项目添加应用程序配置文件App.config,先在里面写几句: <?xml ...
- sharepoint的webpart开发
前言 以前没有接触sharepoint感觉这东西好陌生,只是知道.来公司这段时间,也没有参加开发.今天自己简单的实现了一下这个开发过程,webpart部分的. 过程 其实webpart可以理解为一个放 ...
- Spring面试笔记
1． Spring工作机制及为什么要用?Spring 是一个开源框架,是为了解决企业应用程序开发复杂性而创建的.Spring既是一个AOP框架,也是一IOC容器.SpringFramework的组成: ...
- scrollView and tableView
As we all know, tableView is the subclass of scrollView, tableView has every properties that scroll ...
- Android计量单位px,in,mm,pt,dp,dip,sp和获取屏幕尺寸与密度
###########################################Android计量单位########################################### px ...
- redis问题解决
一, redis的奇葩问题:我使用命令 redis-cli shutdown 关闭redis之后就再也灭洋启动了! 尝试1: 使用命令 sudo /etc/init.d/redis-server st ...
- 14.6.3.3 Making the Buffer Pool Scan Resistant
14.6.3.3 Making the Buffer Pool Scan Resistant 相比使用一个严格的LRU算法,InnoDB 使用一个技术来最小化数据总量 带入到buffer pool 而 ...
- bzoj2821
其实和bzoj2724是一样的都是先处理多个块的答案,然后多余部分暴力空间要注意一下,还是O(nsqrt(n)); ..,..] of longint; g:..,..] of longint; a, ...
- 怒刷BZOJ记录（二）1038~10xx
我实在是太弱了...不滚粗只能刷BZOJ了...这里来记录每天刷了什么题吧. 2015-8-13: 正式开始! 1030[JSOI2007]文本生成器 | ...