1.将验证都写在一个JS文件中。
/* * jQuery JavaScript Library * * Copyright (c) 2009 Wu shaoxi * * * Date: 2014-10-31 * Function: validate input */ ///*验证数字的正则表达式集(转载) //验证数字:^[0-9]*$ //验证n位的数字:^\d{n}$ //验证至少n位数字:^\d{n,}$ //验证m-n位的数字:^\d{m,n}$ //验证零和非零开头的数字:^(0|[1-9][0-9]*)$ //验证有两位小数的正实数:^[0-9]+(.[0-9]{2})?$ //验证有1-3位小数的正实数:^[0-9]+(.[0-9]{1,3})?$ //验证非零的正整数:^\+?[1-9][0-9]*$ //验证非零的负整数:^\-[1-9][0-9]*$ //验证非负整数(正整数 + 0) ^\d+$ //验证非正整数(负整数 + 0) ^((-\d+)|(0+))$ //验证长度为3的字符:^.{3}$ //验证由26个英文字母组成的字符串:^[A-Za-z]+$ //验证由26个大写英文字母组成的字符串:^[A-Z]+$ //验证由26个小写英文字母组成的字符串:^[a-z]+$ //验证由数字和26个英文字母组成的字符串:^[A-Za-z0-9]+$ //验证由数字、26个英文字母或者下划线组成的字符串:^\w+$ //验证用户密码:^[a-zA-Z]\w{5,17}$ 正确格式为:以字母开头,长度在6-18之间,只能包含字符、数字和下划线。 //验证是否含有 ^%&',;=?$\" 等字符:[^%&',;=?$\x22]+ //验证汉字:^[\u4e00-\u9fa5],{0,}$ //验证Email地址:^\w+[-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$ //验证InternetURL:^http://([\w-]+\.)+[\w-]+(/[\w-./?%&=]*)?$ ;^[a-zA-z]+://(w+(-w+)*)(.(w+(-w+)*))*(?S*)?$ //验证电话号码:^(\(\d{3,4}\)|\d{3,4}-)?\d{7,8}$:--正确格式为:XXXX-XXXXXXX,XXXX-XXXXXXXX,XXX-XXXXXXX,XXX-XXXXXXXX,XXXXXXX,XXXXXXXX。 //验证身份证号(15位或18位数字):^\d{15}|\d{}18$ //验证一年的12个月:^(0?[1-9]|1[0-2])$ 正确格式为:“01”-“09”和“1”“12” //验证一个月的31天:^((0?[1-9])|((1|2)[0-9])|30|31)$ 正确格式为:01、09和1、31。 //整数:^-?\d+$ //非负浮点数(正浮点数 + 0):^\d+(\.\d+)?$ //正浮点数 ^(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*))$ //非正浮点数(负浮点数 + 0) ^((-\d+(\.\d+)?)|(0+(\.0+)?))$ //负浮点数 ^(-(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*)))$ //浮点数 ^(-?\d+)(\.\d+)?*/ //valid name null var regNumber = new RegExp("^[0-9]*$"); var regEmail = new RegExp("/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/"); function validateNull(e){ var flag = true; var value = e.value; if(value == "" ||value == null){ alert("Please input " + e.name + "!"); flag = false; } return flag; }; //valid num function validateNumber(e){ var flag = true; var value = e.value; if(value == "" ||value == null){ alert("Please input " + e.name + "!"); flag = false; } else if(!regNumber.test(value)){ alert("Please input Integer for " + e.name + "!"); flag = false; } return flag; } //valid email function validateEmail(e){ var flag = true; var value = e.value; if(value == "" ||value == null){ alert("Please input " + e.name + "!"); flag = false; } else if(!regEmail.test(value)){ alert("Please input correct format for " + e.name + "!"); flag = false; } return flag; };
2.JSP页面引用。
<%@ page language="java" contentType="text/html; charset=ISO-8859-1" pageEncoding="ISO-8859-1"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <title>Insert title here</title> <script type="text/javascript" src="/TaskManagementSystem/js/wx-validate.base.js"></script> </head> <body> This is first page! <form action="showUserInfo.do" method="post"> <input type="text" name="name" id="name" onblur="validateNull(this);"> <input type="text" name="number" id="name" onblur="validateNumber(this);"> <input type="text" name="email" id="name" onblur="validateEmail(this);"> </form> </body> </html>