Javascript表单验证大全(第一部分)

开发 前端
本文为Javascript表单验证大全第一部分,讲了长度限制、只能是汉字、只能是英文、只能是数字、只能是英文字符和数字、验证邮箱格式、屏蔽关键字和两次输入密码是否相同等八个方面的验证。

1. 长度限制:

﹤ 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﹥ 
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.

 

2. 只能是汉字:

 

﹤input onkeyup="value="/oblog/value.replace(/[^\u4E00-\u9FA5]/g,'')"﹥
  • 1.


 

3.只能是英文:

 

﹤ script language=java script ﹥
function onlyEng()
{
if(!(event.keyCode﹥=65&&event.keyCode﹤=90))
event.returnvalue=false;
}
﹤/ script ﹥

﹤input onkeydown="onlyEng();"﹥

  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.

 

4. 只能是数字:

 

﹤ script language=java script ﹥
function onlyNum()
{
if(!((event.keyCode﹥=48&&event.keyCode﹤=57)

||(event.keyCode﹥=96&&event.keyCode﹤=105))) //考虑小键盘上的数字键 event.returnvalue=false; } ﹤/ script ﹥

﹤input onkeydown="onlyNum();"﹥

  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.


 

5. 只能是英文字符和数字:

 

﹤input onkeyup="value="/oblog/value.replace(/[\W]/g,"'')

 "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').

replace(/[^\d]/g,''))"﹥

  • 1.
  • 2.
  • 3.
  • 4.
  • 5.


 

6. 验证邮箱格式:


 

﹤ script LANGUAGE=java script 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)﹥

  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.

 

7. 屏蔽关键字(这里屏蔽***和****):

 

﹤ script language="java script 1.2"﹥
function test() {
if((a.b.value.indexOf ("***") == 0)||(a.b.value.indexOf ("****") == 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﹥

  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.

 

8. 两次输入密码是否相同:

 

﹤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 ﹥
  • 1.
  • 2.
  • 3.
  • 4.
  • 5.
  • 6.
  • 7.
  • 8.
  • 9.
  • 10.
  • 11.
  • 12.
  • 13.
  • 14.
  • 15.
  • 16.
  • 17.
  • 18.
  • 19.

 

【编辑推荐】

  1. 如何通过JavaScript动态改变图片大小
  2. 非常全面的实用JavaScript开发工具列表
  3. 6月编程语言排行榜:JavaScript转正在即
  4. JavaScript语言精粹
责任编辑:仲衡 来源: 百度博客
相关推荐

2019-04-10 11:06:54

前端HTMLCSS

2009-06-12 10:34:40

Java Date

2009-06-11 15:25:39

Java随机数

2013-07-08 15:45:04

Python

2025-01-22 08:01:53

2013-04-08 15:42:38

Backbone.js入门

2009-06-12 10:08:05

StaticJava

2013-09-24 10:07:19

Ruby项目

2011-08-03 10:12:38

2018-11-15 14:52:15

Spark数据机器学习

2009-06-15 13:32:18

Java applet插件

2013-11-14 16:18:05

AndroidAudioAudioTrack

2020-10-10 14:36:10

Python

2009-06-09 15:00:51

Javascript表单验证

2009-06-09 15:21:39

Javascript表单验证

2018-12-19 09:03:04

物联网供应链物联网应用

2024-05-15 08:12:11

SignalJavaScriptPromises

2009-07-14 13:49:28

Swing组件AWT

2010-03-11 11:29:51

乔布斯

2020-10-12 00:41:52

Python变量
点赞
收藏

51CTO技术栈公众号