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>