常用表單驗證的js方法

時間：2025-12-27 19:25:14 網頁設計

常用表單驗證的js方法

　　隨著做項目數量的越來越越多，其中用到js的地方很多相同，這里百分網小編整理了一些常用表單驗證的js方法，雖然和其他js驗證框架有一定的差距，但還是和大家分享一下。

　　;* js各種表單數據驗證

　　;*/

　　/**************************************************************************************/

　　/*************************************數字的驗證*****************************************/

　　/**************************************************************************************/

　　/**

　　;* 檢查輸入的一串字符是否全部是數字

　　;* 輸入:str; 字符串

　　;* 返回:true 或 flase; true表示為數字

　　;*/

　　function checkNum(str){

　　;return str.match(/\D/) == null;

　　}

　　/**

　　;* 檢查輸入的一串字符是否為小數

　　;* 輸入:str; 字符串

　　;* 返回:true 或 flase; true表示為小數

　　;*/

　　function checkDecimal(str){

　　;if (str.match(/^-?\d+(\.\d+)?$/g) == null) {

　　;;;;;return false;

　　;}

　　;else {

　　;;;;;return true;

　　;}

　　}

　　/**

　　;* 檢查輸入的一串字符是否為整型數據

　　;* 輸入:str; 字符串

　　;* 返回:true 或 flase; true表示為小數

　　;*/

　　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){

　　;/pic/div>

　　;var arg1 = /^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$/;

　　;/pic/div>

　　;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(":", ";", "'", "|", "\\", "<", ">", "?", "/", "<<", ">>", "||", "/pic/div>

　　;items.push("admin", "administrators", "administrator", "管理員", "系統管理員");

　　;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){

　　;/pic/((^((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){

　　;/pic/^(\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 {

　　;;;;;/pic/div>

　　;;;;;return true;

　　;}

　　;

　　}

　　/**************************************************************************************/

　　/************************************身份證號碼的驗證*************************************/

　　/**************************************************************************************/

　　/**;

　　;* 身份證15位編碼規則：dddddd yymmdd xx p

　　;* dddddd：地區碼

　　;* yymmdd: 出生年月日

　　;* xx: 順序類編碼，無法確定

　　;* p: 性別，奇數為男，偶數為女

　　;* <p />

　　;* 身份證18位編碼規則：dddddd yyyymmdd xxx y

　　;* dddddd：地區碼

　　;* yyyymmdd: 出生年月日

　　;* xxx:順序類編碼，無法確定，奇數為男，偶數為女

　　;* y: 校驗碼，該位數值可通過前17位計算獲得

　　;* <p />

　　;* 18位號碼加權因子為(從右到左) 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為身份證號碼從右往左數的 2...18 位; Y_P為腳丫校驗碼所在校驗碼數組位置

　　;*/

　　var Wi = [7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2, 1];/pic/div>

　　var ValideCode = [1, 0, 10, 9, 8, 7, 6, 5, 4, 3, 2];/pic/div>

　　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("");/pic/div>

　　;if (isValidityBrithBy18IdCard(idCard) && isTrueValidateCodeBy18IdCard(a_idCard)) {

　　;;;;;return true;

　　;}

　　;else {

　　;;;;;return false;

　　;}

　　;;;;;}

　　;;;;;else {

　　;return false;

　　;;;;;}

　　}

　　/**;

　　;* 判斷身份證號碼為18位時最后的驗證位是否正確

　　;* @param a_idCard 身份證號碼數組

　　;* @return

　　;*/

　　function isTrueValidateCodeBy18IdCard(a_idCard){

　　;var sum = 0; /pic/div>

　　;if (a_idCard[17].toLowerCase() == 'x') {

　　;;;;;a_idCard[17] = 10;/pic/div>

　　;}

　　;for (var i = 0; i < 17; i++) {

　　;;;;;sum += Wi[i] * a_idCard[i];/pic/div>

　　;}

　　;valCodePosition = sum % 11;/pic/div>

　　;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, ""));/pic/div>

　　;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位數身份證號碼中的生日是否是有效生日

　　;* @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));

　　;/pic/div>

　　;if (temp_date.getFullYear() != parseFloat(year) ||

　　;temp_date.getMonth() != parseFloat(month) - 1 ||

　　;temp_date.getDate() != parseFloat(day)) {

　　;;;;;return false;

　　;}

　　;else {

　　;;;;;return true;

　　;}

　　}

　　/**;

　　;* 驗證15位數身份證號碼中的生日是否是有效生日

　　;* @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));

　　;/pic/div>

　　;if (temp_date.getYear() != parseFloat(year) ||

　　;temp_date.getMonth() != parseFloat(month) - 1 ||

　　;temp_date.getDate() != parseFloat(day)) {

　　;;;;;return false;

　　;}

　　;else {

　　;;;;;return true;

　　;}

　　}

　　/pic/div>

　　function trim(str){

　　;return str.replace(/(^\s*)|(\s*$)/g, "");

　　}

【常用表單驗證的js方法】相關文章：

PHP 表單驗證方法12-05

兩種實現表單驗證的javascript方法12-15

ThinkPHP中create()方法自動驗證表單信息01-26

php編程必學之表單驗證12-11

用php常用表單驗證的正則表達式02-27

PHP中Yii框架之表單驗證規則11-02

基于PHP+Ajax實現表單驗證的詳解01-01

PHP 表單驗證 E-mail 和 URL12-03

php中tp驗證表單與自動填充函數代碼11-10