- 技术人生
- JS验证
常用js验证码
1
。onabort（ns3，ns4，ie4）：当用户终止正在打开的网页时产生该事件。
2
。onblur（ns3，ns4，ie3，ie4）：某元素失去活动焦点时产生该事件。例如鼠标在文本框中点击后又在文本框外点击时就会产生。
3
。onchange（ns3，ns4，ie3，ie4）：当网页上某元素的内容发生改变时产生。例如在文本框中输入文本后又在文本框外点击时就会产生。
4
。onclick（ns3，ns4，ie3，ie4）单击网页上的某元素时产生
5
。ondblclick（ns4，ie4）：双击网页上的元素时产生
6
。onerror（ns3，ns4，ie4）：浏览器在打开网页的过程中发生错误时产生该事件
7
。onfinish（ie4）：滚动文本条中的文本完成一次滚动时产生的事件
8
。onfocus（ns3，ns4，ie3，ie4）网页上的元素获得焦点时产生该事件
9
。onkeydown（ns4，ie4）按下任意键时产生该事件
10
。onkeypress（ns4，ie4）按下任意键时并释放该键产生的事件
11
。onkeyup（ns4，ie4）释放按下的按键产生该事件
12
。onload（ns3、
4
，ie3、
4
）网页或图象调入完成后产生该事件
13
。onmousedown（ns4，ie4）在网页的某元素上按下鼠标时产生该事件
14
。onmousemove（ie3、
4
）在网页的某元素上移动鼠标时产生该事件
15
。onmouseout（ns3、
4
，ie4）从网页的某元素移出鼠标时产生该事件
16
。onmouseover（ns3、
4
，ie3、
4
）鼠标移入网页的某元素时产生该事件
17
。onmouseup（ns4，ie4）释放按下的鼠标时产生该事件
18
。onreset（ns3、
4
，ie3、
4
）复位表格时产生该事件
19
。onresize（ns4，ie4）改变浏览器时产生该事件
20
。onselect（ns3、
4
，ie3、
4
）选择文本框中的文本时产生该事件
21
。onstart（ie4）滚动文本条中的文本开始滚动时产生该事件
22
。onsubmit（ns3、
4
，ie3、
4
）提交表单时产生该事件
23
。onunload（ns3、
4
，ie3、
4
）从当前的网页退出时产生该事件 只能输入数字（方法一）
<
script_ language
=
javascript_
>
function
onlyNum(){
if
(
!
((event.keyCode
>=
48
&&
event.keyCode
<=
57
)
||
(event.keyCode
>=
96
&&
event.keyCode
<=
105
)))event.returnValue
=
false
;}
</
script_
>
<
input onkeydown
=
"
onlyNum();
"
>
只能输入数字（方法二）
<
input onkeypress
=
"
return event.keyCode>=48&&event.keyCode<=57
"
onpaste
=
"
return !clipboardData.getData('text').match(/D/)
"
style
=
"
ime-mode:Disabled
"
ondragenter
=
"
return false
"
>
只能输入数字（方法三）
<
script_
>
function
check(){
if
(isNaN(tt.value)){alert(
"
非法字符！
"
);tt.value
=
""
;}}
</
script_
>
<
input type
=
"
text
"
name
=
"
tt
"
onkeyup
=
"
check();
"
>
限制textarea多行输入框的字数
<
textarea name
=
"
b
"
onkeydown
=
"
if(this.value.length>=8) this.value=this.value.substring(0, 8)
"
onbeforepaste
=
"
clipboardData.setData('text',clipboardData.getData('text').substring(0, 8))
"
>
验证表单——不能超过设置字数
<
script_
>
function
test() {
if
(document.a.b.value.length
>
50
){alert(
"
不能超过50个字符！
"
);document.a.b.focus();
return
false
;}}
</
script_
>
<
form name
=
a onsubmit
=
"
return test()
"
>
<
textarea name
=
"
b
"
cols
=
"
40
"
wrap
=
"
VIRTUAL
"
rows
=
"
6
"
></
textarea
>
<
input type
=
"
submit
"
name
=
"
Submit
"
value
=
"
check
"
>
</
form
>
验证表单——只能是汉字
<
input onkeyup
=
"
value=
"
/
oblog
/
value.replace(
/
[
"
^一-龥]/g,'')
"
>
验证表单——只能是英文字符
<
script_ language
=
javascript_
>
function
onlyEng(){
if
(
!
(event.keyCode
>=
65
&&
event.keyCode
<=
90
))event.returnValue
=
false
;}
</
script_
>
<
input onkeydown
=
"
onlyEng();
"
>
验证表单——屏蔽关键字(sex , fuck)
<
script_ language
=
"
Javascript_1.2
"
>
function
test() {
if
((a.b.value.indexOf (
"
sex
"
)
==
0
)
||
(a.b.value.indexOf (
"
fuck
"
)
==
0
)){alert(
"
五讲四美三热爱
"
);a.b.focus();
return
false
;}}
</
script_
>
<
form name
=
a onsubmit
=
"
return test()
"
>
<
input type
=
text name
=
b
>
<
input type
=
"
submit
"
name
=
"
Submit
"
value
=
"
check
"
>
</
form
>
验证表单——验证为email格式
<
script_ LANGUAGE
=
Javascript_ RUNAT
=
Server
>
function
isEmail(strEmail) {
if
(strEmail.search(
/^
w
+
((
-
w
+
)
|
(.w
+
))
*
@[A
-
Za
-
z0
-
9
]
+
((.
|-
)[A
-
Za
-
z0
-
9
]
+
)
*
.[A
-
Za
-
z0
-
9
]
+
$
/
)
!=
-
1
)
return
true
;
else
alert(
"
oh
"
);}
</
script_
>
<
input type
=
text onblur
=
isEmail(
this
.value)
>
验证两次输入密码不同的JS
<
FORM METHOD
=
POST ACTION
=
""
>
<
input type
=
"
password
"
id
=
"
input1
"
>
<
input type
=
"
password
"
id
=
"
input2
"
>
<
input type
=
"
button
"
value
=
"
test
"
onclick
=
"
check()
"
>
</
FORM
>
<
script_
>
function
check(){
with
(document.all){
if
(input1.value
!=
input2.value){alert(
"
false
"
)input1.value
=
""
;input2.value
=
""
;}
else
document.forms[
0
].submit();}}
</
script_
>
标题栏文字打字效果
<
script_ language
=
Javascript_
>
var
arr
=
[
"
█ 欢
"
,
"
■ 欢迎
"
,
"
█ 欢迎光
"
,
"
■ 欢迎光临
"
],i
=
0
setInterval(
"
if(i>=arr.length)i=0;document.title=arr[i++]
"
,
300
);
</
script_
>
数字转换为大写
<
script_ language
=
"
Jscript_
"
>
arr
=
[
"
零
"
,
"
壹
"
,
"
贰
"
,
"
叁
"
,
"
肆
"
,
"
伍
"
,
"
陆
"
,
"
柒
"
,
"
捌
"
,
"
玖
"
];
function
go(){tmp
=
cinput.value;
for
(i
=
0
;i
<
arr.length;i
++
)tmp
=
tmp.replace(
new
RegExp(i,
"
gi
"
),arr[i]);oinput.value
=
tmp;}
</
script_
>
输入:
<
input id
=
"
cinput
"
onkeypress
=
"
return (event.keyCode>=48&&event.keyCode<=57)
"
value
=
31415926
>
<
br
>
输出:
<
input id
=
"
oinput
"
>
<
br
>
<
input type
=
"
button
"
value
=
"
确定
"
onclick
=
"
go()
"
>
//
扩展String类功能
//
删除字符串二边空格
String.prototype.trim
=
function
() {
return
this
.replace(
/
(
^
[s]
*
)
|
([s]
*
$)
/
g,
""
); };
//
删除字符串左边空格
String.prototype.lTrim
=
function
() {
return
this
.replace(
/
(
^
[s]
*
)
/
g,
""
); };
//
删除字符串右边空格
String.prototype.rTrim
=
function
() {
return
this
.replace(
/
([s]
*
$)
/
g,
""
); };
//
定义一个可静态调用方法的js类
function
ChkUtil() { }
//
校验是否为空(先删除二边空格再验证)
ChkUtil.isNull
=
function
(str) {
if
(
null
==
str
||
""
==
str.trim()) {
return
true
; }
else
{
return
false
; } };
//
校验是否全是数字
ChkUtil.isDigit
=
function
(str) {
var
patrn
=/^
d
+
$
/
;
return
patrn.test(str); };
//
校验是否是整数
ChkUtil.isInteger
=
function
(str) {
var
patrn
=/^
([
+-
]
?
)(d
+
)$
/
;
return
patrn.test(str); };
//
校验是否为正整数
ChkUtil.isPlusInteger
=
function
(str) {
var
patrn
=/^
([
+
]
?
)(d
+
)$
/
;
return
patrn.test(str); };
//
校验是否为负整数
ChkUtil.isMinusInteger
=
function
(str) {
var
patrn
=/^-
(d
+
)$
/
;
return
patrn.test(str); };
//
校验是否为浮点数
ChkUtil.isFloat
=
function
(str){
var
patrn
=/^
([
+-
]
?
)d
*
.d
+
$
/
;
return
patrn.test(str); };
//
校验是否为正浮点数
ChkUtil.isPlusFloat
=
function
(str){
var
patrn
=/^
([
+
]
?
)d
*
.d
+
$
/
;
return
patrn.test(str); };
//
校验是否为负浮点数
ChkUtil.isMinusFloat
=
function
(str){
var
patrn
=/^-
d
*
.d
+
$
/
;
return
patrn.test(str); };
//
校验是否仅中文
ChkUtil.isChinese
=
function
(str){
var
patrn
=/
[一
-
龥豈
-
鶴]
+
$
/
;
return
patrn.test(str); };
//
校验是否仅ACSII字符
ChkUtil.isAcsii
=
function
(str){
var
patrn
=/^
[
