[素材源码] js验证代码大全(表单验证控制)

追风

版主

Rank: 7 Rank: 7 Rank: 7

1^# 大中小发表于 2008-4-11 12:41 只看该作者

js验证代码大全(表单验证控制)

目录:
1:js 字符串长度限制、判断字符长度、js限制输入、限制不能输入、textarea 长度限制
2.:js判断汉字、判断是否汉字、只能输入汉字2 F! C% _& ~+ g8 t: w( Q
3:js判断是否输入英文、只能输入英文
4:js只能输入数字,判断数字、验证数字、检测数字、判断是否为数字、只能输入数字
5:只能输入英文字符和数字, o* n2 c0 X9 h6 \6 M" {) I' ^
6: js email验证、js 判断email 、信箱/邮箱格式验证7 T1 @+ k8 `: c8 A% r. |9 }, D
7:js字符过滤,屏蔽关键字
8:js密码验证、判断密码3 w1 K4 A( v) K$ c' x0 ~$ A' ?
2.1: js 不为空、为空或不是对象、判断为空、判断不为空
2.2:比较两个表单项的值是否相同
2.3:表单只能为数字和"_",4 R' c! S4 ]9 o  G; `4 |* d
2.4:表单项输入数值/长度限定
2.5:中文/英文/数字/邮件地址合法性判断
2.6:限定表单项不能输入的字符" l& m- v$ y" g9 U6 d
2.7表单的自符控制% g; u. `: D4 x( X
2.8:form文本域的通用校验函数1. 长度限制

' ~$ `% I7 J$ Q- X% O

: l% ^# j2 w8 ^' }' N! }1 ^
1. 长度限制6 f" M* E+ w0 Y2 \0 U; z* L
<script>
function test() 8 q/ _: ~5 D0 V* D, G
{
if(document.a.b.value.length>50)
{% p+ u/ T$ l) B2 O
alert("不能超过50个字符！");5 }, _$ O5 R6 a. L
document.a.b.focus();
return false;
}" K% E( }3 c; y& R
}- ?+ z& m6 W. ?! ]7 P% V$ i
</script>6 G% }: e" i% D
<form name=a >
<textarea name="b" cols="40" wrap="VIRTUAL" rows="6"></textarea>
<input type="submit" name="Submit" value="check">
</form>

2. 只能是汉字 6 N/ Y( T$ a& R2 L
<input /oblog/value.replace(/[^u4E00-u9FA5]/g,'')">: a+ ~# w% R( Z9 m! A  \) M  u

3." 只能是英文+ }4 p6 m2 V/ b: h$ _2 y$ v8 w( }
<script language=javascript>
function onlyEng()
{5 @1 X$ i  n6 t
if(!(event.keyCode>=65&&event.keyCode<=90)), k8 [' R" D6 S/ g, }! Y7 e4 P
event.returnvalue=false;' x/ ~* M) j$ z5 `% ^
}
</script>
" x9 k; b4 F% M& G7 q8 f" `$ u6 D: q
<input >- _6 j) `+ [8 ^
; K# e7 C( D- L$ \% T) |
4. 只能是数字: Q( m7 {' X( Y1 \" J' n, U: A7 _
<script language=javascript>
function onlyNum()7 r+ m. U0 f3 A! Y. L& Z- A
{0 a. p9 O" s/ u7 k- K
if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<=105)))
//考虑小键盘上的数字键2 g' ~3 G4 l9 X( O
event.returnvalue=false;
}
</script>
' c: h- M1 G  }  l+ x
<input >6 H6 M1 Z) s+ e

5. 只能是英文字符和数字
<input /oblog/value.replace(/[W]/g,"'') ">/ X' M7 p; M7 H1 o- \% x4 |6 s6 ?

6. 验证油箱格式4 ?# w0 Q% ]/ J6 X* T+ X: w
<SCRIPT LANGUAGE=javascript RUNAT=Server>$ d8 r! M% o1 N# J6 w
function isEmail(strEmail) {$ A: `2 n6 }5 F' z7 `: ^2 A
if (strEmail.search(/^w+((-w+)|(.w+))*@[A-Za-z0-9]+((.|-)[A-Za-z0-9]+)*.[A-Za-z0-9]+$/) != -1)
return true;" M9 i6 o8 A) m: U# z6 w
else& L2 [0 e* L6 h/ }& c
alert("oh");, S0 H4 {# m! a3 }% R, j, a
}# C6 a* h+ \- f: v8 o  _
</SCRIPT>
<input type=text onblur=isEmail(this.value)>
6 W1 S! K! w6 X' F7 {& ?# S% V: @
7. 屏蔽关键字(这里屏蔽***和****)
<script language="javascript1.2">: J6 d5 w$ o7 I0 B
function test() {
if((a.b.value.indexOf ("***") == 0)||(a.b.value.indexOf ("****") == 0)){/ A+ K7 @0 [/ w' a/ e  v/ ?( V7 d
alert(":)");8 u! ]9 `. A8 P4 u
a.b.focus();' a, J: k8 U. Y  b
return false;}
}7 X: a# o- G5 X3 R/ R  q8 J
</script>
<form name=a >( |  b: u* N2 i
<input type=text name=b>' v, n( B( S3 J
<input type="submit" name="Submit" value="check">  c4 N- E, l8 B
</form>
9 J( [4 c. _; i
8. 两次输入密码是否相同" z. b: `1 F+ ]# j4 U
<FORM METHOD=POST ACTION="">
<input type="password" id="input1">- M- r, D! ?1 I5 e
<input type="password" id="input2">1 i% q0 E% C9 @  P
<input type="button" value="test" >4 G/ V( w+ `( |9 z
</FORM>- t1 Y! I7 V# b2 _
<script>' W* q( E0 Y, {" z
function check()' C2 n$ a' e: m, P
{
with(document.all){
if(input1.value!=input2.value)0 T# o" N# Q1 h
{
alert("false")/ \  s, T2 {; u( A1 M  T2 f5 R
input1.value = "";* k! r4 |" G: A/ K& z
input2.value = "";, D. b9 N9 e6 y$ q, C
}
else document.forms[0].submit();
}+ L' O+ c( t+ ~1 }9 Z2 r: b
}8 e5 i& y7 o# E" z- D
</script>9 p3 p- L, M6 k' L! c
够了吧 :)4 ^  f$ c/ |$ \1 d6 k0 y; p
屏蔽右键很酷

加在body中

二
9 q; ]+ y$ t, n: `2 `1 Y8 H* M, e
2.1 表单项不能为空( y! N. K3 E0 J" x! V% p
) C& u2 W2 Y  s
<script language="javascript">: J3 U' {3 e& \, g# u

</script>( f  _# R7 t; |0 I" `+ ~

2.2 比较两个表单项的值是否相同3 y7 O7 z4 J- e* U6 i4 O5 D8 ?" _

<script language="javascript">

</script>

2.3 表单项只能为数字和"_",用于电话/银行帐号验证上,可扩展到域名注册等2 e9 n5 j) h( S0 X" D- d
+ O$ R8 `% ]8 W7 Q/ L9 j8 W' G8 d
<script language="javascript">' Q7 C  J# h3 e) T$ E

</script>  R, X8 e' C9 c' d) d7 H4 t1 d

4 b% b0 X: H' R6 a8 p+ [$ S- R
2.4 表单项输入数值/长度限定* x4 v( I+ m" s( F
0 q3 U# ?% v5 K4 G; ?
<script language="javascript">: M) ^8 `1 {8 M& e; \* B" o

</script>" s) V/ G5 m2 ~: q
/ X, C( V2 t( l8 u, V( y
2.5 中文/英文/数字/邮件地址合法性判断
; z3 x( d, L' \9 A; I+ d! j
<SCRIPT LANGUAGE="javascript">
7 m" X% V6 {5 A- c' W8 R/ r& u
</SCRIPT>, E8 k) l' S) V! O  ~
- C* |( Z4 o- C7 e3 J! q! r% M
2.6 限定表单项不能输入的字符0 n# b, @* l. U  ?' F; p, Q
$ p4 \4 y! K) V: T9 U; Q7 |5 T& i
<script language="javascript">1 `: O3 P. H3 O) A9 l

</script> , o6 V; [3 i+ p) c
" g3 Y  e, P, f2 w4 b* D& }# |- p
1. 检查一段字符串是否全由数字组成 , {( l% |: u- `
--------------------------------------- ! A# u4 V- d8 [6 t8 Z
<script language="Javascript"></script> 0 o8 d: Q3 a. r+ e* z! G. A: y

2. 怎么判断是否是字符 ' N+ B/ ~8 A) ?% X# ^
---------------------------------------
if (/[^x00-xff]/g.test(s)) alert("含有汉字"); " \/ ]6 A! d" Y+ B( S
else alert("全是字符"); 4 v. @% ^% s+ }. i/ w! c+ c: D) F

3. 怎么判断是否含有汉字 , G) T' o! n4 U( V. E# w9 b
--------------------------------------- 7 [& c5 s( i; `$ @
if (escape(str).indexOf("%u")!=-1) alert("含有汉字");
else alert("全是字符"); 8 P0 K5 A% \  R8 s* R( c

4. 邮箱格式验证
---------------------------------------
//函数名：chkemail 7 H" w3 c) m1 O
//功能介绍：检查是否为Email Address   p* B( B8 n! o1 n( O0 q3 u$ ]
//参数说明：要检查的字符串 & r; R/ X; N' e6 A* \
//返回值：0：不是 1：是 * U( r, H- ^% _  P
function chkemail(a) ! v3 ?0 Z* ^0 ~- y
{ var i=a.length;
var temp = a.indexOf('@'); " R: J! v: v/ _" ]
var tempd = a.indexOf('.'); - K( y1 J+ c7 X1 S2 R
if (temp > 1) {
if ((i-temp) > 3){ ) T0 l% U6 F$ U, b( M+ U
if ((i-tempd)>0){ 5 m0 O: I$ N1 K8 O
return 1;
}
2 u( t# h' ]9 V
}
}
return 0;
}
* R- T# z( C, W. ]0 b9 I3 K
5. 数字格式验证
---------------------------------------
//函数名：fucCheckNUM
//功能介绍：检查是否为数字 . |9 s( ]$ D$ \
//参数说明：要检查的数字
//返回值：1为是数字，0为不是数字 . E4 J, e% b/ N2 Q* x; q/ z% [
function fucCheckNUM(NUM)
{ : Q/ v5 m- e# j8 Q7 O$ i9 ~
var i,j,strTemp;
strTemp="0123456789"; ! L7 y) P3 o0 P) L& G
if ( NUM.length== 0) ! k& ]6 O$ F2 J! \
return 0
for (i=0;i<NUM.length;i++) . U' n) e# Q3 w" g. x% m0 l
{ 9 M& _4 D, r+ g
j=strTemp.indexOf(NUM.charAt(i)); ; H9 v* ?$ A" E6 k1 D
if (j==-1)
{
//说明有字符不是数字
return 0; + A# D; N' ]6 j$ w4 ?! N/ d* u
}
}
//说明是数字
return 1;   x$ _$ V7 X: {; ~  I5 s
} ! b9 U& V) a/ U5 V

6. 电话号码格式验证
--------------------------------------- ) r, n4 W, R( O$ Q: H/ ^
//函数名：fucCheckTEL % f2 l. J  K' T4 s5 C3 `
//功能介绍：检查是否为电话号码
//参数说明：要检查的字符串
//返回值：1为是合法，0为不合法 & h* L9 d: M) A, w
function fucCheckTEL(TEL)
{
var i,j,strTemp; 4 ?% I5 H( v. c( H7 O
strTemp="0123456789-()# ";   V6 }) f; P8 T. n2 u
for (i=0;i<TEL.length;i++) , K5 p1 @& V1 I
{
j=strTemp.indexOf(TEL.charAt(i)); 3 G8 u0 G- C1 o2 F6 U+ W
if (j==-1)
{
//说明有字符不合法
return 0;
}
} 7 o; m4 `! C, d
//说明合法 4 v9 }- b6 Z0 I/ o' K/ Z  v
return 1; 2 }. D0 a: `0 B3 b
}

7. 判断输入是否为中文的函数 ! P6 z& z( y2 i2 w% l/ \
---------------------------------------
function ischinese(s){
var ret=true; , i; @* z1 l" F: L* _
for(var i=0;i<s.length;i++) + J- ~' q6 V, e0 `* l* X( b
ret=ret && (s.charCodeAt(i)>=10000); 2 W' w- c2 g2 @
return ret;
}

8. 综合的判断用户输入的合法性的函数 * i! U0 A% ]( M7 j+ ~- J+ F
--------------------------------------- / L3 X7 X3 Q  @# @* S
<script language="javascript"> 5 V2 I( D( p3 n8 Z4 D1 p4 Q6 X% s
//限制输入字符的位数开始 ; O* V' @; T* B9 X8 X& r2 M
//m是用户输入，n是要限制的位数
function issmall(m,n) $ {8 }: H3 I$ }* F- T
{
if ((m<n) && (m>0))
{
return(false); 4 x: u: k- t4 y8 G. q3 s7 x; t5 z" t
}
else
{return(true);}   f1 p5 }; T# z' d
} ( R6 P7 k0 l' f" g% |0 u# e1 j0 G
. \' Q) a) a3 n( g
9. 判断密码是否输入一致 ' p* E0 x9 k1 O* M/ k: L
---------------------------------------
function issame(str1,str2) 0 B) J* h0 P/ W' }/ N# I5 W
{
if (str1==str2)   B4 S0 I4 @' n
{return(true);}
else
{return(false);} % i( s1 M( Y! d
} 1 {- a( q* _8 d3 J+ W
+ ~, z' p# B- j( G
10. 判断用户名是否为数字字母下滑线 * b5 j! b- `" z0 y
---------------------------------------
function notchinese(str){
var reg=/[^A-Za-z0-9_]/g
if (reg.test(str)){ 8 O# {. ~8 C# j. z
return (false); 1 O. u+ I6 Z  V8 B/ [4 b
}else{
return(true); } - W4 v& i# M, W$ e5 O0 D0 x4 N. p
} % p" l9 x* }+ |5 [( U
& J+ @! D) M, @5 {* t
2.8. form文本域的通用校验函数
---------------------------------------
作用：检测所有必须非空的input文本，比如姓名，账号，邮件地址等等。5 {/ z$ r6 }2 `$ J8 @8 P( D
该校验现在只针对文本域，如果要针对form里面的其他域对象，可以改变判断条件。: k/ U1 t" F- ]0 G' K

使用方法：在要检测的文本域中加入title文字。文字是在提示信息，你要提示给用户的该字段的中文名。比如要检测用户名8 b: h! u, ]- `0 ]1 Q
html如下<input name="txt_1" title="姓名">,当然，最好用可视化工具比如dreamweaver什么的来编辑域。
如果要检测数字类型数据的话，再把域的id统一为sz.
javascript判断日期类型比较麻烦，所以就没有做日期类型校验的程序了.高手可以补充。% E! p' K& b+ q) Y: C4 C

程序比较草，只是提供一个思路。抛砖引玉！：）
哦，对了，函数调用方法：< form >+ J! O9 B9 ~2 J( O( {

function dovalidate()
{
fm=document.forms[0] //只检测一个form,如果是多个可以改变判断条件# a9 u3 T/ l2 X/ i
for(i=0;i<fm.length;i++)
{
//检测判断条件，根据类型不同可以修改
if(fm.tagName.toUpperCase()=="INPUT" &&fm.type.toUpperCase()=="TEXT" && (fm.title!=""))
+ R+ r2 ?$ ^2 [( {4 J
, q0 N" j* z" h8 d) i. Uif(fm.value="/blog/="")/// [$ @1 S# A& p, h
{
4 k9 r. l) [& @3 ?: W; F. Istr_warn1=fm.title+"不能为空!";! o& |* v7 [3 c# w
alert(str_warn1);
1 W7 a6 m4 D$ n! g( W* h1 afm.focus();, f& M1 }5 B9 x' N
return false; 3 ^7 ]2 I! o$ F# o& t8 m
}1 q, `, K+ t  ~  N. r
if(fm.id.toUpperCase()=="SZ")//数字校验7 @5 x% V3 ~  M( t" ~
{
. c: _8 ~8 E! W/ ?if(isNaN(fm.value))
' X: o, M2 b& V# t: y9 l9 b/ r{ str_warn2=fm.title+"格式不对";
( @! {. K) m  j8 {alert(str_warn2);$ t' L/ D: ]- m* o: r2 \4 T( {
fm.focus();% y( E. c/ ?% g, A- @3 B: y* [8 L5 Z
return false;
% W/ Z4 t+ _2 ?0 K  R& b}% |, j5 Z5 A2 d. n$ T5 U
}
0 T0 d" K" X9 z}
$ D# p' J& A2 \. hreturn true;' n- f2 W7 g$ W, X
}" Z5 s7 W, N3 }/ w2 K
  h% I  z, _6 z5 B

; V8 Z" M" j2 [; J2 J[ 本帖最后由追风于 2008-4-11 12:45 编辑 ]

引用回复 TOP

‹‹ 上一主题 | 下一主题 ››

[素材源码] js验证代码大全(表单验证控制)

js验证代码大全(表单验证控制)

快速回复主题

选项

标题