- 相關(guān)推薦
常用表單驗證的js方法
隨著做項目數(shù)量的越來越越多，其中用到js的地方很多相同，這里百分網(wǎng)小編整理了一些常用表單驗證的js方法，雖然和其他js驗證框架有一定的差距，但還是和大家分享一下。
;* js各種表單數(shù)據(jù)驗證
;*/
/**************************************************************************************/
/*************************************數(shù)字的驗證*****************************************/
/**************************************************************************************/
/**
;* 檢查輸入的一串字符是否全部是數(shù)字
;* 輸入:str; 字符串
;* 返回:true 或 flase; true表示為數(shù)字
;*/
function checkNum(str){
;return str.match(/\D/) == null;
}
/**
;* 檢查輸入的一串字符是否為小數(shù)
;* 輸入:str; 字符串
;* 返回:true 或 flase; true表示為小數(shù)
;*/
function checkDecimal(str){
;if (str.match(/^-?\d+(\.\d+)?$/g) == null) {
;;;;;return false;
;}
;else {
;;;;;return true;
;}
}
/**
;* 檢查輸入的一串字符是否為整型數(shù)據(jù)
;* 輸入:str; 字符串
;* 返回:true 或 flase; true表示為小數(shù)
;*/
function checkInteger(str){
;if (str.match(/^[-+]?\d*$/) == null) {
;;;;;return false;
;}
;else {
;;;;;return true;
;}
}
/**************************************************************************************/
/*************************************字符的驗證*****************************************/
/**************************************************************************************/
/**
;* 檢查輸入的一串字符是否是字符
;* 輸入:str; 字符串
;* 返回:true 或 flase; true表示為全部為字符 不包含漢字
;*/
function checkStr(str){
;if (/[^\x00-\xff]/g.test(str)) {
;;;;;return false;
;}
;else {
;;;;;return true;
;}
}
/**
;* 檢查輸入的一串字符是否包含漢字
;* 輸入:str; 字符串
;* 返回:true 或 flase; true表示包含漢字
;*/
function checkChinese(str){
;if (escape(str).indexOf("%u") != -1) {
;;;;;return true;
;}
;else {
;;;;;return false;
;}
}
/**
;* 檢查輸入的郵箱格式是否正確
;* 輸入:str; 字符串
;* 返回:true 或 flase; true表示格式正確
;*/
function checkEmail(str){
;if (str.match(/[A-Za-z0-9_-]+[@](\S*)(net|com|cn|org|cc|tv|[0-9]{1,3})(\S*)/g) == null) {
;;;;;return false;
;}
;else {
;;;;;return true;
;}
}
/**
;* 檢查輸入的手機號碼格式是否正確
;* 輸入:str; 字符串
;* 返回:true 或 flase; true表示格式正確
;*/
function checkMobilePhone(str){
;if (str.match(/^(?:13\d|15[89])-?\d{5}(\d{3}|\*{3})$/) == null) {
;;;;;return false;
;}
;else {
;;;;;return true;
;}
}
/**
;* 檢查輸入的固定電話號碼是否正確
;* 輸入:str; 字符串
;* 返回:true 或 flase; true表示格式正確
;*/
function checkTelephone(str){
;if (str.match(/^(([0\+]\d{2,3}-)?(0\d{2,3})-)(\d{7,8})(-(\d{3,}))?$/) == null) {
;;;;;return false;
;}
;else {
;;;;;return true;
;}
}
/**
;* 檢查QQ的格式是否正確
;* 輸入:str; 字符串
;*; 返回:true 或 flase; true表示格式正確
;*/
function checkQQ(str){
;if (str.match(/^\d{5,10}$/) == null) {
;;;;;return false;
;}
;else {
;;;;;return true;
;}
}
/**
;* 檢查輸入的身份證號是否正確
;* 輸入:str; 字符串
;*; 返回:true 或 flase; true表示格式正確
;*/
function checkCard(str){
;//15位數(shù)身份證正則表達式
;var arg1 = /^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$/;
;//18位數(shù)身份證正則表達式
;var arg2 = /^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])((\d{4})|\d{3}[A-Z])$/;
;if (str.match(arg1) == null && str.match(arg2) == null) {
;;;;;return false;
;}
;else {
;;;;;return true;
;}
}
/**
;* 檢查輸入的ip地址是否正確
;* 輸入:str; 字符串
;*; 返回:true 或 flase; true表示格式正確
;*/
function checkIP(str){
;var arg = /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])$/;
;if (str.match(arg) == null) {
;;;;;return false;
;}
;else {
;;;;;return true;
;}
}
/**
;* 檢查輸入的URL地址是否正確
;* 輸入:str; 字符串
;*; 返回:true 或 flase; true表示格式正確
;*/
function checkURL(str){
;if (str.match(/(http[s]?|ftp):\/\/[^\/\.]+?\..+\w$/i) == null) {
;;;;;return false
;}
;else {
;;;;;return true;
;}
}
/**
;* 檢查輸入的字符是否具有特殊字符
;* 輸入:str; 字符串
;* 返回:true 或 flase; true表示包含特殊字符
;* 主要用于注冊信息的時候驗證
;*/
function checkQuote(str){
;var items = new Array("~", "`", "!", "@", "#", "$", "%", "^", "&", "*", "{", "}", "[", "]", "(", ")");
;items.push(":", ";", "'", "|", "\\", "<", ">", "?", "/", "<<", ">>", "||", "//");
;items.push("admin", "administrators", "administrator", "管理員", "系統(tǒng)管理員");
;items.push("select", "delete", "update", "insert", "create", "drop", "alter", "trancate");
;str = str.toLowerCase();
;for (var i = 0; i < items.length; i++) {
;;;;;if (str.indexOf(items[i]) >= 0) {
;return true;
;;;;;}
;}
;return false;
}
/**************************************************************************************/
/*************************************時間的驗證*****************************************/
/**************************************************************************************/
/**
;* 檢查日期格式是否正確
;* 輸入:str; 字符串
;* 返回:true 或 flase; true表示格式正確
;* 注意：此處不能驗證中文日期格式
;* 驗證短日期（2007-06-05）
;*/
function checkDate(str){
;//var value=str.match(/((^((1[8-9]\d{2})|([2-9]\d{3}))(-)(10|12|0?[13578])(-)(3[01]|[12][0-9]|0?[1-9])$)|(^((1[8-9]\d{2})|([2-9]\d{3}))(-)(11|0?[469])(-)(30|[12][0-9]|0?[1-9])$)|(^((1[8-9]\d{2})|([2-9]\d{3}))(-)(0?2)(-)(2[0-8]|1[0-9]|0?[1-9])$)|(^([2468][048]00)(-)(0?2)(-)(29)$)|(^([3579][26]00)(-)(0?2)(-)(29)$)|(^([1][89][0][48])(-)(0?2)(-)(29)$)|(^([2-9][0-9][0][48])(-)(0?2)(-)(29)$)|(^([1][89][2468][048])(-)(0?2)(-)(29)$)|(^([2-9][0-9][2468][048])(-)(0?2)(-)(29)$)|(^([1][89][13579][26])(-)(0?2)(-)(29)$)|(^([2-9][0-9][13579][26])(-)(0?2)(-)(29)$))/);
;var value = str.match(/^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2})$/);
;if (value == null) {
;;;;;return false;
;}
;else {
;;;;;var date = new Date(value[1], value[3] - 1, value[4]);
;;;;;return (date.getFullYear() == value[1] && (date.getMonth() + 1) == value[3] && date.getDate() == value[4]);
;}
}
/**
;* 檢查時間格式是否正確
;* 輸入:str; 字符串
;* 返回:true 或 flase; true表示格式正確
;* 驗證時間(10:57:10)
;*/
function checkTime(str){
;var value = str.match(/^(\d{1,2})(:)?(\d{1,2})\2(\d{1,2})$/)
;if (value == null) {
;;;;;return false;
;}
;else {
;;;;;if (value[1] > 24 || value[3] > 60 || value[4] > 60) {
;return false
;;;;;}
;;;;;else {
;return true;
;;;;;}
;}
}
/**
;* 檢查全日期時間格式是否正確
;* 輸入:str; 字符串
;* 返回:true 或 flase; true表示格式正確
;* (2007-06-05 10:57:10)
;*/
function checkFullTime(str){
;//var value = str.match(/^(\d{1,4})(-|\/)(\d{1,2})\2(\d{1,2}) (\d{1,2}):(\d{1,2}):(\d{1,2})$/);
;var value = str.match(/^(?:19|20)[0-9][0-9]-(?:(?:0[1-9])|(?:1[0-2]))-(?:(?:[0-2][1-9])|(?:[1-3][0-1])) (?:(?:[0-2][0-3])|(?:[0-1][0-9])):[0-5][0-9]:[0-5][0-9]$/);
;if (value == null) {
;;;;;return false;
;}
;else {
;;;;;//var date = new Date(checkFullTime[1], checkFullTime[3] - 1, checkFullTime[4], checkFullTime[5], checkFullTime[6], checkFullTime[7]);
;;;;;//return (date.getFullYear() == value[1] && (date.getMonth() + 1) == value[3] && date.getDate() == value[4] && date.getHours() == value[5] && date.getMinutes() == value[6] && date.getSeconds() == value[7]);
;;;;;return true;
;}
;
}
/**************************************************************************************/
/************************************身份證號碼的驗證*************************************/
/**************************************************************************************/
/**;
;* 身份證15位編碼規(guī)則：dddddd yymmdd xx p
;* dddddd：地區(qū)碼
;* yymmdd: 出生年月日
;* xx: 順序類編碼，無法確定
;* p: 性別，奇數(shù)為男，偶數(shù)為女
;* <p />
;* 身份證18位編碼規(guī)則：dddddd yyyymmdd xxx y
;* dddddd：地區(qū)碼
;* yyyymmdd: 出生年月日
;* xxx:順序類編碼，無法確定，奇數(shù)為男，偶數(shù)為女
;* y: 校驗碼，該位數(shù)值可通過前17位計算獲得
;* <p />
;* 18位號碼加權(quán)因子為(從右到左) Wi = [ 7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2,1 ]
;* 驗證位 Y = [ 1, 0, 10, 9, 8, 7, 6, 5, 4, 3, 2 ]
;* 校驗位計算公式：Y_P = mod( ∑(Ai×Wi),11 )
;* i為身份證號碼從右往左數(shù)的 2...18 位; Y_P為腳丫校驗碼所在校驗碼數(shù)組位置
;*
;*/
var Wi = [7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2, 1];// 加權(quán)因子
var ValideCode = [1, 0, 10, 9, 8, 7, 6, 5, 4, 3, 2];// 身份證驗證位值.10代表X
function IdCardValidate(idCard){
;idCard = trim(idCard.replace(/ /g, ""));
;if (idCard.length == 15) {
;;;;;return isValidityBrithBy15IdCard(idCard);
;}
;else
;;;;;if (idCard.length == 18) {
;var a_idCard = idCard.split("");// 得到身份證數(shù)組
;if (isValidityBrithBy18IdCard(idCard) && isTrueValidateCodeBy18IdCard(a_idCard)) {
;;;;;return true;
;}
;else {
;;;;;return false;
;}
;;;;;}
;;;;;else {
;return false;
;;;;;}
}
/**;
;* 判斷身份證號碼為18位時最后的驗證位是否正確
;* @param a_idCard 身份證號碼數(shù)組
;* @return
;*/
function isTrueValidateCodeBy18IdCard(a_idCard){
;var sum = 0; // 聲明加權(quán)求和變量
;if (a_idCard[17].toLowerCase() == 'x') {
;;;;;a_idCard[17] = 10;// 將最后位為x的驗證碼替換為10方便后續(xù)操作
;}
;for (var i = 0; i < 17; i++) {
;;;;;sum += Wi[i] * a_idCard[i];// 加權(quán)求和
;}
;valCodePosition = sum % 11;// 得到驗證碼所位置
;if (a_idCard[17] == ValideCode[valCodePosition]) {
;;;;;return true;
;}
;else {
;;;;;return false;
;}
}
/**;
;* 通過身份證判斷是男是女
;* @param idCard 15/18位身份證號碼
;* @return 'female'-女、'male'-男
;*/
function maleOrFemalByIdCard(idCard){
;idCard = trim(idCard.replace(/ /g, ""));// 對身份證號碼做處理。包括字符間有空格。
;if (idCard.length == 15) {
;;;;;if (idCard.substring(14, 15) % 2 == 0) {
;return 'female';
;;;;;}
;;;;;else {
;return 'male';
;;;;;}
;}
;else
;;;;;if (idCard.length == 18) {
;if (idCard.substring(14, 17) % 2 == 0) {
;;;;;return 'female';
;}
;else {
;;;;;return 'male';
;}
;;;;;}
;;;;;else {
;return null;
;;;;;}
}
/**;
;* 驗證18位數(shù)身份證號碼中的生日是否是有效生日
;* @param idCard 18位書身份證字符串
;* @return
;*/
function isValidityBrithBy18IdCard(idCard18){
;var year = idCard18.substring(6, 10);
;var month = idCard18.substring(10, 12);
;var day = idCard18.substring(12, 14);
;var temp_date = new Date(year, parseFloat(month) - 1, parseFloat(day));
;// 這里用getFullYear()獲取年份，避免千年蟲問題
;if (temp_date.getFullYear() != parseFloat(year) ||
;temp_date.getMonth() != parseFloat(month) - 1 ||
;temp_date.getDate() != parseFloat(day)) {
;;;;;return false;
;}
;else {
;;;;;return true;
;}
}
/**;
;* 驗證15位數(shù)身份證號碼中的生日是否是有效生日
;* @param idCard15 15位書身份證字符串
;* @return
;*/
function isValidityBrithBy15IdCard(idCard15){
;var year = idCard15.substring(6, 8);
;var month = idCard15.substring(8, 10);
;var day = idCard15.substring(10, 12);
;var temp_date = new Date(year, parseFloat(month) - 1, parseFloat(day));
;// 對于老身份證中的你年齡則不需考慮千年蟲問題而使用getYear()方法
;if (temp_date.getYear() != parseFloat(year) ||
;temp_date.getMonth() != parseFloat(month) - 1 ||
;temp_date.getDate() != parseFloat(day)) {
;;;;;return false;
;}
;else {
;;;;;return true;
;}
}
//去掉字符串頭尾空格
function trim(str){
;return str.replace(/(^\s*)|(\s*$)/g, "");
}
【常用表單驗證的js方法】相關(guān)文章：
PHP 表單驗證方法11-01
ThinkPHP中create()方法自動驗證表單信息09-10
兩種實現(xiàn)表單驗證的javascript方法09-19
基于PHP+Ajax實現(xiàn)表單驗證的詳解08-22
PHP提交from表單的方法07-05
js innerHTML 改變div內(nèi)容的方法07-28
js中cookie的使用方法11-03