javascript form 驗證函式 彈出對話方塊形式

複製代碼 代碼如下:/**
* 得到中英文字元長
* @param {} str
* @return {}
*/
function LengthB(str){
var p1 = new RegExp('%u..', 'g')
var p2 = new RegExp('%.', 'g')
return escape(str).replace(p1, '').replace(p2, '').length
}
/**
* 過濾所有空白字元
* @param {Object} str
*/
function jsTrim(str){
str += "";
while ((str.charAt(0) == ' ') || (str.charAt(0) == '???') || (escape(str.charAt(0)) == '%u3000'))
str = str.substring(1, str.length);
while ((str.charAt(str.length - 1) == ' ') || (str.charAt(str.length - 1) == '???') || (escape(str.charAt(str.length - 1)) == '%u3000'))
str = str.substring(0, str.length - 1);
return str;
}
/**
* 過濾中間字串和多個空格
* @param {Object} inputString
*/
function trim(inputString){
if (typeof inputString != "string") {
return inputString;
}
var retValue = inputString;
var ch = retValue.substring(0, 1);
while (ch == " ") {
//檢查字串開始部分的空格
retValue = retValue.substring(1, retValue.length);
ch = retValue.substring(0, 1);
}
ch = retValue.substring(retValue.length - 1, retValue.length);
while (ch == " ") {
//檢查字串結束部分的空格
retValue = retValue.substring(0, retValue.length - 1);
ch = retValue.substring(retValue.length - 1, retValue.length);
}
while (retValue.indexOf(" ") != -1) {
//將文字中間多個相連的空格變為一個空格
retValue = retValue.substring(0, retValue.indexOf(" ")) + retValue.substring(retValue.indexOf(" ") + 1, retValue.length);
}
return retValue;
}
/**
* 過濾字串,指定過濾內容，如果內容為空白，則預設過濾 '~!@#$%^&*()-+."
* @param {Object} str
* @param {Object} filterStr
*
* @return 包含過濾內容，返回True,否則返回false;
*/
function FilterStr(str, filterStr){
filterStr = filterStr == "" ? "'~!@#$%^&*()-+.\"" : filterStr
var ch;
var i;
var temp;
var error = false;//當包含非法字元時，返回True
for (i = 0; i <= (filterStr.length - 1); i++) {
ch = filterStr.charAt(i);
temp = str.indexOf(ch);
if (temp != -1) {
error = true;
break;
}
}
return error;
}
/**
* 過濾指定內容字串
* @param {Object} str　檢查字串
* @param {Object} filterStr　過濾字串，內容為空白，則預設過濾 '~!@#$%^&*()-+."
* @param {Object} alertStr　彈出對話內容
* @param {Object} idStr　出錯返回出錯欄位ID
*/
function ISFilterStr(str, filterStr, alertStr, idStr){
alertStr = "對不起,您輸入的 " + alertStr + " 不允包含 " + filterStr + " 非法字元";
if (FilterStr(str, filterStr))
this.AlertAndRFalse(alertStr, idStr);
}
/**
* 檢查是否為網址
* @param {} str_url
* @param {} alertStr 彈出欄位內容
* @param {} idStr 游標定位的欄位ID<b>只能接收ID</b>
* @return {Boolean} <b>不是</b>網址返回false;
*/
function IsURL(str_url, alertStr, idStr){// 驗證url
alertStr = alertStr + " 格式不正確!";
var strRegex = "^((https|http|ftp|rtsp|mms)?://)" +
"?(([0-9a-z_!~*'().&=+$%-]+: )?[0-9a-z_!~*'().&=+$%-]+@)?" // ftp的user@
+
"(([0-9]{1,3}\.){3}[0-9]{1,3}" // IP形式的URL- 199.194.52.184
+
"|" // 允許IP和DOMAIN（網域名稱）
+
"([0-9a-z_!~*'()-]+\.)*" // 網域名稱- www.
+
"([0-9a-z][0-9a-z-]{0,61})?[0-9a-z]\." // 次層網域
+
"[a-z]{2,6})" // first level domain- .com or .museum
+
"(:[0-9]{1,4})?" // 連接埠- :80
+
"((/?)|" // a slash isn't required if there is no file name
+
"(/[0-9a-z_!~*'().;?:@&=+$,%#-]+)+/?)$";
var re = new RegExp(strRegex);
if (!re.test(str_url))
this.AlertAndRFalse(alertStr, idStr);
}
/**
* 檢查是否為電子郵件
* @param {} str
* @param {} alertStr 彈出欄位內容
* @param {} idStr 游標定位的欄位ID<b>只能接收ID</b>
* @return {Boolean} <b>不是</b>電子郵件返回false;
*/
function IsEmail(str, alertStr, idStr){
alertStr = alertStr + " 格式不正確!";
var re = /^([a-zA-Z0-9]+[_|\-|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\-|\.]?)*[a-zA-Z0-9]+\.[a-zA-Z]{2,3}$/;
if (!re.test(str))
this.AlertAndRFalse(alertStr, idStr);
}
/**
* 檢查是否為數字
* @param {} str
* @param {} alertStr 彈出欄位內容
* @param {} idStr 游標定位的欄位ID<b>只能接收ID</b>
* @return {Boolean} <b>不是</b>數字返回false;
*/
function IsNum(str, alertStr, idStr){
alertStr = alertStr + " 應該由數字組成!";
var re = /^[\d]+$/
if (!re.test(str))
this.AlertAndRFalse(alertStr, idStr);
}
/**
* 檢查數值是否在給定範圍以內<br>
* @param {} str_num
* @param {} moreLen 應該大於或者等於的數值
* @param {} lessLen 應該小於或者等於的數值
* @param {} alertStr 彈出欄位內容
* @param {} idStr 游標定位的欄位ID<b>只能接收ID</b>
* @return {Boolean} <b>小於最小數值或者大於最大數值</b>數字返回false;
*/
function IsRangeNum(str_num, moreLen, lessLen, alertStr, idStr){
IsNum(str_num, alertStr, idStr);
if (moreLen != "") {
alertStr = alertStr + " 數值不能小於 " + moreLen;
if (str_num < moreLen)
this.AlertAndRFalse(alertStr, idStr);
}
if (lessLen != "") {
alertStr = alertStr + " 數值不能大於 " + lessLen;
if (str_num > lessLen)
this.AlertAndRFalse(alertStr, idStr);
}
if (moreLen == "" && lessLen == "")
this.AlertAndRFalse("沒有定義最大最小長度!", idStr);
}
/**
* 檢查是否為合格字串(不區分大小寫)<br>
* 長度在6至20位,並且是由a-z0-9_組成的字串
* @param {} str 檢查的字串
* @param {} alertStr 彈出欄位內容
* @param {} idStr 游標定位的欄位ID<b>只能接收ID</b>
* @return {Boolean} <b>不是</b>"長度在6至20位且由a-z0-9_"組成返回false;
*/
function IsLicit(str, alertStr, idStr){
alertStr = "對不起," + alertStr + " 不可為空並且只能由 0到9 a到z 底線 的6到20位組成! ";
var re = /^[_0-9a-zA-Z]{6,20}$/
if (!re.test(str))
this.AlertAndRFalse(alertStr, idStr);
}
/**
* 檢查二個字串是否相等
* @param {} str1 第一個字串
* @param {} str2 第二個字串
* @param {} alertStr 彈出欄位內容
* @param {} idStr 游標定位的欄位ID<b>只能接收ID</b>
* @return {Boolean} 字串不相等返回false;
*/
function IsStrEquals(str1, str2, alertStr, idStr){
alertStr = "二次 " + alertStr + " 不一致!";
if (str1 != str2)
this.AlertAndRFalse(alertStr, idStr);
}
/**
* 檢查字串是否在給定長度範圍以內(中文字元以2個位元組計算)<br>
*
* @param {} str 檢查的字元
* @param {} moreLen 應該大於或者等於的長度
* @param {} lessLen 應該小於或者等於的長度
* @param {} alertStr 彈出欄位內容
* @param {} idStr 游標定位的欄位ID<b>只能接收ID</b>
* @return {Boolean} <b>小於最小長度或者大於最大長度</b>數字返回false;
*/
function IsRange(str, moreLen, lessLen, alertStr, idStr){
var strLen = LengthB(str);
if (moreLen != "") {
alertStr = alertStr + " 應該大於或等於 " + moreLen + " 個位元組長度!";
if (strLen < moreLen)
this.AlertAndRFalse(alertStr, idStr);
}
if (lessLen != "") {
alertStr = alertStr + " 應該小於或等於 " + lessLen + " 個位元組長度!";
if (strLen > lessLen)
this.AlertAndRFalse(alertStr, idStr);
}
if (moreLen == "" && lessLen == "")
this.AlertAndRFalse("沒有定義最大最小長度!", idStr);
}
/**
* 檢查字串是否小於給定長度範圍(中文字元以2個位元組計算)<br>
* @param {} str 字串
* @param {} lessLen 小於或等於長度
* @param {} alertStr 彈出欄位內容
* @param {} idStr 游標定位的欄位ID<b>只能接收ID</b>
* @return {Boolean} <b>大於給定長度</b>數字返回false;
*/
function IsLess(str, lessLen, alertStr, idStr){
IsRange(str, "", lessLen, alertStr, idStr);
}
/**
* 檢查字元不為空白
* @param {} str
* @param {} alertStr 彈出欄位內容
* @param {} idStr 游標定位的欄位ID<b>只能接收ID</b>
* @return {Boolean} <b>字元為空白</b>返回false;
*/
function IsEmpty(str, alertStr, idStr){
alertStr = alertStr + " 不可為空!";
if (str == "")
this.AlertAndRFalse(alertStr, idStr);
}
/**
* 彈出警示框,並定位到出錯欄位上
* @param {} alertStr 彈出警告框內容
* @param {} idStr 返回欄位焦點
* @return {Boolean} 返回false
*/
function AlertAndRFalse(alertStr, idStr){
alert(alertStr);
document.getElementById(idStr).focus();
throw "valueErr";
}
// JavaScript Document
調用樣本
function checkForm() {
try {
var title = trim(document.getElementById('title')); //文章標題
IsEmpty(title,"文章標題","title");//不可為空白
IsLess(title,100,"文章標題","title");//標題應少於100個字元長
ISFilterStr(title, "~`!@#$%^&*()-=_+[]{}|\\;':\",./<>?", "文章標題","title")//標題不允許包含這些非法字元
} catch(err) {
if(err == "valueErr")
return false;
}
}