js 表單驗證

使用文件：

請仔細閱讀後使用

首先要在頁面的頭部引入三個js 檔案：

<

script 
src="js/jquery-1.12.2.min.js"
>
script
>
<
script 
src="js/jquery.form.js"
>
script
>
<
script 
src="js/rexp.js"
>
script
>

jquery-1.12.2.min.js（這個不用說了）

<

div 
id='div'
>
<
form 
action
="#"
id="myform2"
>
<
ul>
<
li>
<
input 
type
="text"
value
=''onkeyup= 
pattern(this,/[\u4e00-\u9fa5]/i)
>
<
span
>
span
>
li>
<
li>
<
input 
type
="text"
value
=''onkeyup= 
pattern(this,/[\u4e00-\u9fa5]/i)
>
<
span
>
span
>
li>
<
li>
<
input 
type
="text"
value
=''onkeyup= 
pattern(this,/[\u4e00-\u9fa5]/i)
>
<
span
>
span
>
li>
<
li>
<
input 
type
="text"
value
=''onkeyup= 
pattern(this,/[\u4e00-\u9fa5]/i)
>
<
span
>
span
>
li>
<
li>
<
input 
type
="text"
value
=''onkeyup= 
pattern(this,/[\u4e00-\u9fa5]/i)
>
<
span
>
span
>
li>
<
li>
<
select 
name
=""id
="">
<
option 
value
="">11111
option
>
<
option 
value
="">22222
option
>
select
>
<
span
>
span
>
li>
<
li>
<
input 
type
="button"
value
='提交' 
onclick 
= 'rexp.rsubmit(this);btnsa()'
>
li>
ul>
form
>

1*,頁面布局：(重要)

每個表單要單獨放到乙個 li 裡，每個 li 裡只允許有乙個 span 標籤

2*,事件新增：

在要驗證的表單裡寫行內 onkeyup 事件傳入兩個引數 第乙個引數是 this【必填】

第二個引數是此表單的正則表單式【選填】。非空可以不傳第二個引數，相對的函式也不用接收引數

3*,button事件：

form 表單裡的button按鈕應該這樣寫 ：

<

input 
type
="button"
value
='提交' 
onclick 
= 'rexp.rsubmit(this);btnsa()'
>

不然會直接提交, 事件的寫法是固定的，函式的前後順序不要變，中間不要有空格，先執行第乙個再執行第二個，或者可以獲取按鈕的 id 在頁面上新增點選事件但是要保證先執行 rexp.rsubmit(this) 方法

4*,提示資訊：

如果提示資訊不一樣，可以複製乙份 pattern()函式，修改函式名字，修改提示資訊即可.

5*,rexp.rstyle 函式 ：

就像ajax一樣用哪個引數傳哪個引數。

6*,pattern 函式書寫格式：

1-1：接收兩個引數，第乙個引數必須寫，第二個引數不用就可以不寫

function

pattern(_this,exp));
}

7*,提交表單的 ajax 寫法：

btnsa()函式是提交按鈕點選時觸發的函式只有表單裡的所有驗證都通過後rexp.rtype 才會變為 true,其他情況 rexp.rtype 都為false

function

btnsa(),
error:
function()
});}}

8*,不過這一切都是基於 jquery-1.12.2.min.js 和 jquery.form.js

以下是 rexp.js **，（複製到你的 js 檔案裡，或者單獨引入都可以）

var rexp =

else
}if(this.roverall != inputsubmit.length-1)
else
},//== 提示資訊樣式函式
rstyle:function
());
}return
;            }
else
if(arguments[0].regular ==undefined));
this.roverall ++;
}if(arguments[0].regular !=undefined));
}this.roverall ++;
}else
);                    }}}
},//-- 公共方法
rcomm:function
()}

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正規表示式 例子...

js表單驗證

列出一些常用的格式驗證的js方法，以備查詢。檢查是否為數字 function checkisinteger str if str.search 0 9 0 else 檢查是否整數 function checknum str str str 1 tostring if str.indexof 1 re...