常用的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 ...
随机推荐
- Centos安装编译环境
众所周知,在安装完Centos完了以后,是没有编译环境的,我自己挂上光盘,手动安装解决了几十的依赖关系,在配置些软件时,还是经常报些依赖软件包的缺失,很是头疼,后来百度了下centos需要装的编译环境 ...
- 实现 winform 异步跨线程访问UI控件
在开发winform时经常会用到多线程防止界面出现假死现象,比如当你单击某个按钮时,需要执行很多代码,但是在执行过程中想实时的将当前执行的情况报告给用户,类型进度条或文本什么的. 这个时候很显然,如果 ...
- [转] CSS direction属性简介与实际应用 ---张鑫旭
一.用的少并不代表没有用 至少,在我接触的这么多项目里,没有见到使用过CSS direction属性做实际开发的. 为什么呢?是因为direction长得丑吗? 虽然说direction确实其貌不扬, ...
- HttpWebRequest 写入报错
HttpWebRequest以UTF-8编码写入内容时发生“Bytes to be written to the stream exceed the Content-Length bytes size ...
- Yeoman安装
Yeoman帮助我们创建项目,提供更好的工具来使我们的项目更多样化. Yeoman提供generator系统,一个generator是一个插件,在我们在一个完整的项目上使用‘yo’命令时,会运行该ge ...
- ubuntu 下截图工具的使用
我个人觉得,ubuntu自带的截图工具功能就不错.具体使用如下: 在ubuntu下的系统设置中找到硬盘区的“键盘”处,进入该设置界面如下: 选择标签“快捷键”,进入新设置界面如下所示: 之后,你就可以 ...
- C语言的编译过程和GCC编译参数
C语言的编译一般有三个步骤: 预编译: gcc -E -o a.e a.c 预编译a.c文件,生成的目标文件名为a.e 预编译就是将include包含的头文件内容替换到C文件中,同时删除代码中没用的注 ...
- ARM的STRB和LDRB指令分析
一.SDRAM 1.存储结构 SDRAM的内部是一个存储阵列.阵列就如同表格一样,将数据“填”进去.在数据读写时和表格的检索原理一样,先指定一个行(Row),再指定一个列 (Column),我们就可以 ...
- PS证件照换背景
综述 博主原创内容. 在PS里,对于抠图,比较有技术含量的便是抠头发丝了,下面为大家带来一个比较详细的抠头发丝的教程. 素材准备 在这里我们用这张图片作为抠图素材,下面让我们一步步来演示抠图的过程,并 ...
- https WebAPi
前言 话说又来需求了,之前对于在SelfHost中需要嵌套页面并操作为非正常需求,这回来正常需求了,客户端现在加了https,老大过来说WebAPi访问不了了,这是什么情况,我去试了试,还真是这个情况 ...