常用的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 ...
随机推荐
- andriod 开发记录apidemos 错误解决
android sdk 里面有simple 文件夹里面有对应的demo 但是拿出来esplise运行报错 解决方案如下 右键错误代码goto,给对应错误的单引号前加 \ 原文http://stack ...
- Django 基础
Django 的路由系统 在 django 的 URLconf 配置文件 urls.py 中根据一个 URL 对应 views 的一个函数来处理用户的请求. 1.基本的 urls 对应 urlpatt ...
- Sharepoint 问题集锦 - 配置
错误 在sharepoint designer中编辑List的表单的时候,提示soap:Server服务器无法处理请求. ---> 值不在预期的范围内. 解释: 这个是由于我在本地测试的时候,使 ...
- linux下安装busybox
1.获取busybox源码并解压,这里使用天嵌提供的“busybox-1.16.0.tar.bz2” #tar xvf busybox-.tar.bz2 -C / 解压的目的地址实际上是:/opt/E ...
- 【原】K3Cloud平台开发之Python插件
有时候我们的表单可能很简单,只是一个简单交互的表单,但有可能还是要劳师动众的给它建个工程写个插件,是不是很不爽?例如我有如下一个表单: 功能很简单就是选个业务对象,收集绑定几个字段名,然后确定返回一个 ...
- 小记,取GB2312汉字的首字母【转】
/// <summary> /// PY 的摘要说明. /// </summary> public class PY { // Fields private string m_ ...
- android学习小例子——验证码倒计时按钮
1.activity_main.xml: <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/andro ...
- C#与C++、Java之比较概览
转自C#与C++.Java之比较概览 C#与C++.Java之比较概览 Ben Albahari 著 荣耀 译 本文翻译时间较早.欢迎指出任何误失.谢谢. 感谢以下人士的支持和反馈(按字母先后顺序) ...
- Water Tree
Codeforces Round #200 (Div. 1) D:http://codeforces.com/problemset/problem/343/D 题意:给你一颗有根树,树的每个节点有一个 ...
- 在Win32程序中显示Dos调试窗口，可暂停（AllocConsole，WriteConsole，FreeConsole函数，GetStdHandle函数取得输入句柄）
在很多程序中,都可以看到程序运行中,会有一个Dos窗口,实时显示一些运行信息,这里就告诉大家是如何实现的,我们做个简单的,其实对控制台的操作还有很多,有兴趣的可以去查资料. 用到的API函数如下: / ...