JS控制項 表單驗證

2021-03-31 13:50:20 字數 4670 閱讀 8231

/*

* 對頁面表單進行驗證的函式

* 輸入:form物件

* 輸出:true:驗證通過;false:驗證失敗

* 使用方法:

* 1、在需要呼叫的頁面中包含validateform.js  如:

* 2、在需要進行校驗的輸入框中新增 validator="驗證型別" **name="輸入框名稱" maxlength="長度"

*    例如:

*    目前支援的型別如下:

*        1.非空的日期型資料

*        2.可以空的日期型資料

*        3.非空的數字型別

*        4.可以為空的數字型別

*        5.非空的實數型

*        6.可以為空的實數型

*        7.非空的最大10位整數,2位小數的實數型

*        8.可以為空的最大10位整數,2位小數的實數型

*        9.非空的整型

*        10.可以為空的整型

*        11、非空字串

*        12、可以為空字串

*        13、非空合法的字串:除去($*&'=<#>%^@~ )

*        14、可以為空的合法字串:除去($*&'=<#>%^@~ )

*        15、不可以為空的email

*        16、可以為空的email

* 3、在提交資料的地方新增呼叫 validateform(form物件) 如:validateform(form1)

*/function validateform(theform)

-(0?[1-9]|1[0-2])-(0?[1-9]|[12][0-9]|3[0-1])$/;

//2.可以空的日期型資料

patternsdict.datenull = /(^[1-2]/d-(0?[1-9]|1[0-2]|3[0-1])-(0?[1-9]|[12][0-9]|3[0-1])$)|(^[1-2]/d-([1-9]|1[0-2]|3[0-1])-([1-9]|[12][0-9]|3[0-1])$)|(^$)/;

//3.非空的數字型別

patternsdict.num= /^/d+$/;

//4.可以為空的數字型別

patternsdict.numnull = /^/d*$/;

//5.非空的實數型

patternsdict.float= /^(0|/-?[1-9]+[0-9]*|/-?[1-9]+[0-9]*/./d+|/-?[0-9]*/./d+)$/;

//6.可以為空的實數型

patternsdict.floatnull = /(^(0|/-?[1-9]+[0-9]*|/-?[1-9]+[0-9]*/./d+|/-?[0-9]*/./d+)$)|(^$)/;

//7.非空的最大10位整數,2位小數的實數型

patternsdict.float10_2= /^(0|/-?[1-9]/d|/-?[1-9]/d/./d|/-?/d/./d)$/;

//8.可以為空的最大10位整數,2位小數的實數型

patternsdict.float10_2null = /(^(0|/-?[1-9]/d|/-?[1-9]/d/./d|/-?/d/./d)$)|(^$)/;

//9.非空的整型

patternsdict.int= /^(0|/-?[1-9]/d*)$/;

//10.可以為空的整型

patternsdict.intnull = /(^(0|/-?[1-9]/d*)$)|(^$)/;

//11、非空字串

patternsdict.string = /^[/s/s]+$/;

//12、可以為空字串

patternsdict.stringnull = /^[/s/s]*$/;

//13、非空合法的字串:除去($*&'=<#>%^@~ )

patternsdict.stringlegal = /^[^/$/*&'=<#>%/^@~/s]+$/;

//14、可以為空的合法字串:除去($*&'=<#>%^@~ )

patternsdict.stringlegalnull = /(^[^/$/*&'=<#>%/^@~/s]+$)|(^$)/;

//15、不可以為空的email

patternsdict.email = /^[/-!#/$%&'/*/+///.//0-9=/?a-z/^_`a-z~]+@[/-!#/$%&'/*/+///.//0-9=/?a-z/^_`a-z~]+(/.[/-!#/$%&'/*/+///.//0-9=/?a-z/^_`a-z~]+)+$/;

//16、可以為空的email

patternsdict.emailnull = /(^[/-!#/$%&'/*/+///.//0-9=/?a-z/^_`a-z~]+@[/-!#/$%&'/*/+///.//0-9=/?a-z/^_`a-z~]+(/.[/-!#/$%&'/*/+///.//0-9=/?a-z/^_`a-z~]+)+$)|(^$)/;

var elarr = theform.elements; //elarr陣列獲得全部表單元素

var val;

var vname = "";

for(var i = 0; i < elarr.length; i++)

with(elarr[i])

else }}

if (vname != "") catch(e) {}

alert("按要求必須輸入 「" + **name + "」的資料!/n資料必須為:" + vname );

return false; //阻止提交}}

return true;

}function validateinput(theinput)

-(0?[1-9]|1[0-2])-(0?[1-9]|[12][0-9]|3[0-1])$/;

//2.可以空的日期型資料

patternsdict.datenull = /(^[1-2]/d-(0?[1-9]|1[0-2]|3[0-1])-(0?[1-9]|[12][0-9]|3[0-1])$)|(^[1-2]/d-([1-9]|1[0-2]|3[0-1])-([1-9]|[12][0-9]|3[0-1])$)|(^$)/;

//3.非空的數字型別

patternsdict.num= /^/d+$/;

//4.可以為空的數字型別

patternsdict.numnull = /^/d*$/;

//5.非空的實數型

patternsdict.float= /^(0|/-?[1-9]+[0-9]*|/-?[1-9]+[0-9]*/./d+|/-?[0-9]*/./d+)$/;

//6.可以為空的實數型

patternsdict.floatnull = /(^(0|/-?[1-9]+[0-9]*|/-?[1-9]+[0-9]*/./d+|/-?[0-9]*/./d+)$)|(^$)/;

//7.非空的最大10位整數,2位小數的實數型

patternsdict.float10_2= /^(0|/-?[1-9]/d|/-?[1-9]/d/./d|/-?/d/./d)$/;

//8.可以為空的最大10位整數,2位小數的實數型

patternsdict.float10_2null = /(^(0|/-?[1-9]/d|/-?[1-9]/d/./d|/-?/d/./d)$)|(^$)/;

//9.非空的整型

patternsdict.int= /^(0|/-?[1-9]/d*)$/;

//10.可以為空的整型

patternsdict.intnull = /(^(0|/-?[1-9]/d*)$)|(^$)/;

//11、非空字串

patternsdict.string = /^[/s/s]+$/;

//12、可以為空字串

patternsdict.stringnull = /^[/s/s]*$/;

//13、非空合法的字串:除去($*&'=<#>%^@~ )

patternsdict.stringlegal = /^[^/$/*&'=<#>%/^@~/s]+$/;

//14、可以為空的合法字串:除去($*&'=<#>%^@~ )

patternsdict.stringlegalnull = /(^[^/$/*&'=<#>%/^@~/s]+$)|(^$)/;

//15、不可以為空的email

patternsdict.email = /^[/-!#/$%&'/*/+///.//0-9=/?a-z/^_`a-z~]+@[/-!#/$%&'/*/+///.//0-9=/?a-z/^_`a-z~]+(/.[/-!#/$%&'/*/+///.//0-9=/?a-z/^_`a-z~]+)+$/;

//16、可以為空的email

patternsdict.emailnull = /(^[/-!#/$%&'/*/+///.//0-9=/?a-z/^_`a-z~]+@[/-!#/$%&'/*/+///.//0-9=/?a-z/^_`a-z~]+(/.[/-!#/$%&'/*/+///.//0-9=/?a-z/^_`a-z~]+)+$)|(^$)/;

var elarr = theinput; //elarr陣列獲得輸入框元素

var val;

var vname;

if (elarr!=null)

}return true;

}

JS控制項 表單驗證

對頁面表單進行驗證的函式 輸入 form物件 輸出 true 驗證通過 false 驗證失敗 使用方法 1 在需要呼叫的頁面中包含validateform.js 如 2 在需要進行校驗的輸入框中新增 validator 驗證型別 name 輸入框名稱 maxlength 長度 例如 目前支援的型別如...

Js 表單驗證

兩個日期比較 用途 檢查開始日期是否小於等於結束日期 輸入 s 字串 開始日期 格式 2001 5 4 e 字串 結束日期 格式 2002 5 4 返回 如果通過開始日期小於等於結束日期返回 true,否則返回 false function data compare s,e d d if r nul...

JS表單驗證

1.長度限制 2.只能是漢字 3.只能是英文本母 4.只能是數字 5.只能是英文本母和數字 6.檢驗時間大小 與當前時間比較 7.遮蔽關鍵字 這裡遮蔽 和 8.兩次輸入密碼是否相同 9.表單項不能為空 10.郵箱驗證 11.驗證手機號 12.驗證身份證號碼 需是有效身份證 13.js正規表示式 例子...