常用的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 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 ...

随机推荐

eclipse下使用Genymotion调试Android程序出现的问题
一. The connection to adb is down, and a severe error has occured. You must restart adb and Eclipse. ...
从网页psd到html的开发
从网上下载了一张psd的网页设计稿,初学html+css,所以记录一下我的学习过程.原图是这个样子: 原图 ...
jQuery监听键盘事件及相关操作使用
一.首先需要知道的是: 1.keydown() keydown事件会在键盘按下时触发. 2.keyup() keyup事件会在按键释放时触发,也就是你按下键盘起来后的事件 3.keypress() k ...
MYSQL 错误：Out of resources when opening file './datagather/mx_domain#P#p178.MYD' (Errcode: 24) 解决办法
出现Out of resources when opening file './xxx.MYD' (Errcode: 24)错误是因为打开的文件数超过了my.cnf的--open-files-limi ...
用Python实现的一个简单的爬取省市乡镇的行政区划信息的脚本
# coding=utf-8 # Creeper import os import bs4 import time import MySQLdb import urllib2 import datet ...
WPF样式资源文件简单运用
WPF通过资源来保存一些可以被重复利用的样式,下面的示例展示了简单的资源样式文件的使用: 一.xaml中定义资源及简单的引用 <Window.Resources > <!--wpf窗 ...
EOF
Process to end of file 就是处理到文件的结束以经典的 A + B Problem 为例把每一行的两个数字加起来,然后打印出来,直到文件末尾 c 语言表示:
MyEclipse10
1.配置tomcat Windows->Preferences->My Eclipse->Servers->Tomcat,对于64位操作系统而言,Tomcat home dir ...
JSOP
说到 JSONP 就要说到同源策略(Same Origin Policy), 同源策略是浏览器最核心的也是最基本的安全功能. 浏览器的同源策略,限制了来自不同源的 “document” 或脚本,对当前 ...
Python安装及开发环境配置
Python的语法简洁,功能强大,有大量的第三方开发包(模块).同时Python不像java一样对内存要求非常高,适合做一些经常性的任务方面的编程.根据codeeval网站数据统计显示,连续三年,Py ...

常用的js效验

常用的js效验的更多相关文章

随机推荐

热门专题