0

0

JavaScript常用验证函数实例汇总_javascript技巧

php中文网

php中文网

发布时间:2016-05-16 16:30:16

|

1781人浏览过

|

来源于php中文网

原创

本文实例汇总了javascript常用验证函数。分享给大家供大家参考。具体汇总如下:

一、字符串类验证

1. 长度限制

复制代码 代码如下:
<script><br> function test()<br> {<br> if(document.a.b.value.length>50)<br> {<br> alert("不能超过50个字符!");<br> document.a.b.focus();<br> return false;<br> }<br> }<br> </script>



2. 只能是汉字

复制代码 代码如下:

3." 只能是英文

复制代码 代码如下:
<script language="javascript"><br> function onlyEng()<br> {<br> if(!(event.keyCode>=65&&event.keyCode<=90))<br> event.returnvalue=false;<br> }<br> </script>

4. 只能是数字

复制代码 代码如下:
<script language="javascript"><br> function onlyNum()<br> {<br> if(!((event.keyCode>=48&&event.keyCode<=57)||(event.keyCode>=96&&event.keyCode<=105)))<br> //考虑小键盘上的数字键<br> event.returnvalue=false;<br> }<br> </script>

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

复制代码 代码如下:

6. 验证邮箱格式

复制代码 代码如下:
<script language="javascript" runat="Server"><br> function isEmail(strEmail) {<br> if (strEmail.search(/^/w+((-/w+)|(/./w+))*/@[A-Za-z0-9]+((/.|-)[A-Za-z0-9]+)*/.[A-Za-z0-9]+$/) != -1)<br> return true;<br> else<br> alert("oh");<br> }<br> </script>

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

复制代码 代码如下:
<script language="javascript1.2"><br> function test() {<br> if((a.b.value.indexOf ("***") == 0)||(a.b.value.indexOf ("****") == 0)){<br> alert("123");<br> a.b.focus();<br> return false;}<br> }<br> </script>



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

复制代码 代码如下:





<script><br> function check()<br> {<br> with(document.all){<br> if(input1.value!=input2.value)<br> {<br> alert("false")<br> input1.value = "";<br> input2.value = "";<br> }<br> else document.forms[0].submit();<br> }<br> }<br> </script>

9. 屏蔽右键 很酷!

复制代码 代码如下:
oncontextmenu="return false" ondragstart="return false" onselectstart="return false"

加在body中

二、表单验证

1 表单项不能为空

动态WEB网站中的PHP和MySQL:直观的QuickPro指南第2版
动态WEB网站中的PHP和MySQL:直观的QuickPro指南第2版

动态WEB网站中的PHP和MySQL详细反映实际程序的需求,仔细地探讨外部数据的验证(例如信用卡卡号的格式)、用户登录以及如何使用模板建立网页的标准外观。动态WEB网站中的PHP和MySQL的内容不仅仅是这些。书中还提到如何串联JavaScript与PHP让用户操作时更快、更方便。还有正确处理用户输入错误的方法,让网站看起来更专业。另外还引入大量来自PEAR外挂函数库的强大功能,对常用的、强大的包

下载
复制代码 代码如下:
<script language="javascript"><br> <!--<br> function CheckForm()<br> {  <br> if (document.form.name.value.length == 0) {  <br> alert("请输入您姓名!");<br> document.form.name.focus();<br> return false;<br> }<br> return true;<br> }<br> --><br> </script>

2 比较两个表单项的值是否相同

复制代码 代码如下:
<script language="javascript"><br> <!--<br> function CheckForm()<br> if (document.form.PWD.value != document.form.PWD_Again.value) {  <br> alert("您两次输入的密码不一样!请重新输入.");<br> document.ADDUser.PWD.focus();<br> return false;<br> }<br> return true;<br> }<br> --><br> </script>

3 表单项只能为数字和"_",用于电话/银行帐号验证上,可扩展到域名注册等

复制代码 代码如下:
<script language="javascript"><br> <!--<br> function isNumber(String)<br> {  <br> var Letters = "1234567890-"; //可以自己增加可输入值<br> var i;<br> var c;<br> if(String.charAt( 0 )=='-')<br> return false;<br> if( String.charAt( String.length - 1 ) == '-' )<br> return false;<br> for( i = 0; i < String.length; i ++ )<br> {  <br> c = String.charAt( i );<br> if (Letters.indexOf( c ) < 0)<br> return false;<br> }<br> return true;<br> }<br> function CheckForm()<br> {  <br> if(! isNumber(document.form.TEL.value)) {  <br> alert("您的电话号码不合法!");<br> document.form.TEL.focus();<br> return false;<br> }<br> return true;<br> }<br> --><br> </script>

4 表单项输入数值/长度限定

复制代码 代码如下:
<script language="javascript"><br> <!--<br> function CheckForm()  <br> {  <br> if (document.form.count.value > 100 || document.form.count.value < 1)<br> {  <br> alert("输入数值不能小于零大于100!");<br> document.form.count.focus();<br> return false;<br> }<br> if (document.form.MESSAGE.value.length<10)<br> {  <br> alert("输入文字小于10!");<br> document.form.MESSAGE.focus();<br> return false;<br> }<br> return true;<br> }<br> //--><br> </script>

5 中文/英文/数字/邮件地址合法性判断

复制代码 代码如下:
<script language="javascript"><br> <!--<br> function isEnglish(name) //英文值检测<br> {  <br> if(name.length == 0)<br> return false;<br> for(i = 0; i < name.length; i++) {  <br> if(name.charCodeAt(i) > 128)<br> return false;<br> }<br> return true;<br> } <p>function isChinese(name) //中文值检测<br> {  <br> if(name.length == 0)<br> return false;<br> for(i = 0; i < name.length; i++) {  <br> if(name.charCodeAt(i) > 128)<br> return true;<br> }<br> return false;<br> } <p>function isMail(name) // E-mail值检测<br> {  <br> if(! isEnglish(name))<br> return false;<br> i = name.indexOf(" at ");<br> j = name dot lastIndexOf(" at ");<br> if(i == -1)<br> return false;<br> if(i != j)<br> return false;<br> if(i == name dot length)<br> return false;<br> return true;<br> } <p>function isNumber(name) //数值检测<br> {  <br> if(name.length == 0)<br> return false;<br> for(i = 0; i < name.length; i++) {  <br> if(name.charAt(i) < "0" || name.charAt(i) > "9")<br> return false;<br> }<br> return true;<br> } <p>function CheckForm()<br> {  <br> if(! isMail(form.Email.value)) {  <br> alert("您的电子邮件不合法!");<br> form.Email.focus();<br> return false;<br> }<br> if(! isEnglish(form.name.value)) {  <br> alert("英文名不合法!");<br> form.name.focus();<br> return false;<br> }<br> if(! isChinese(form.cnname.value)) {  <br> alert("中文名不合法!");<br> form.cnname.focus();<br> return false;<br> }<br> if(! isNumber(form.PublicZipCode.value)) {  <br> alert("邮政编码不合法!");<br> form.PublicZipCode.focus();<br> return false;<br> }<br> return true;<br> }<br> //--><br> </script>

6 限定表单项不能输入的字符

复制代码 代码如下:
<script language="javascript"><br> <!-- <p>function contain(str,charset)// 字符串包含测试函数<br> {  <br> var i;<br> for(i=0;i<charset.length;i++)<br> if(str.indexOf(charset.charAt(i))>=0)<br> return true;<br> return false;<br> } <p>function CheckForm()<br> {  <br> if ((contain(document.form.NAME.value, "%/(/)><")) || (contain(document.form.MESSAGE.value, "%/(/)><")))<br> {  <br> alert("输入了非法字符");<br> document.form.NAME.focus();<br> return false;<br> }<br> return true;<br> }<br> //--><br> </script>

三、其他验证:

1. 检查一段字符串是否全由数字组成 

复制代码 代码如下:
<script language="Javascript"><!--<br> function checkNum(str){return str.match(//D/)==null}<br> alert(checkNum("1232142141"))<br> alert(checkNum("123214214a1"))<br> // --></script>

 
2. 怎么判断是否是字符

复制代码 代码如下:
if (/[^/x00-/xff]/g.test(s)) alert("含有汉字");
else alert("全是字符");

 
3. 怎么判断是否含有汉字  

复制代码 代码如下:
if (escape(str).indexOf("%u")!=-1) alert("含有汉字");
else alert("全是字符");

   
4. 邮箱格式验证   

复制代码 代码如下:
//函数名:chkemail
//功能介绍:检查是否为Email Address
//参数说明:要检查的字符串
//返回值:0:不是 1:是
function chkemail(a)
{ var i=a.length;
var temp = a.indexOf('@');
var tempd = a.indexOf('.');
if (temp > 1) {
if ((i-temp) > 3){
if ((i-tempd)>0){
return 1;
}
}
}
return 0;
}

   
5. 数字格式验证   

复制代码 代码如下:
//函数名:fucCheckNUM
//功能介绍:检查是否为数字
//参数说明:要检查的数字
//返回值:1为是数字,0为不是数字
function fucCheckNUM(NUM)
{
var i,j,strTemp;
strTemp="0123456789";
if ( NUM.length== 0)
return 0
for (i=0;i {
j=strTemp.indexOf(NUM.charAt(i));
if (j==-1)
{
//说明有字符不是数字
return 0;
}
}
//说明是数字
return 1;
}

   
6. 电话号码格式验证   

复制代码 代码如下:
//函数名:fucCheckTEL
//功能介绍:检查是否为电话号码
//参数说明:要检查的字符串
//返回值:1为是合法,0为不合法
function fucCheckTEL(TEL)
{
var i,j,strTemp;
strTemp="0123456789-()# ";
for (i=0;i {
j=strTemp.indexOf(TEL.charAt(i));
if (j==-1)
{
//说明有字符不合法
return 0;
}
}
//说明合法
return 1;
}

  
7. 判断输入是否为中文的函数  

复制代码 代码如下:
function ischinese(s){  
var ret=true;  
for(var i=0;i ret=ret && (s.charCodeAt(i)>=10000);  
return ret;  
}

  
8. 综合的判断用户输入的合法性的函数 

复制代码 代码如下:
<script language="javascript">  <br> //限制输入字符的位数开始  <br> //m是用户输入,n是要限制的位数  <br> function issmall(m,n)  <br> {  <br> if ((m<n) && (m>0))  <br>  {  <br>  return(false);  <br>  }  <br> else  <br> {return(true);}  <br> }</script>

 
9. 判断密码是否输入一致 

复制代码 代码如下:
function issame(str1,str2) 

if (str1==str2) 
{return(true);} 
else 
{return(false);} 
}

 
10. 判断用户名是否为数字字母下滑线

复制代码 代码如下:
function notchinese(str){
var reg=/[^A-Za-z0-9_]/g
   if (reg.test(str)){
   return (false);
   }else{
return(true);   }
}

11. form文本域的通用校验函数
 
作用:检测所有必须非空的input文本,比如姓名,账号,邮件地址等等。
该校验现在只针对文本域,如果要针对form里面的其他域对象,可以改变判断条件。

使用方法:在要检测的文本域中加入title文字。文字是在提示信息,你要提示给用户的该字段的中文名。比如要检测用户名
html如下,当然,最好用可视化工具比如dreamweaver什么的来编辑域。
如果要检测数字类型数据的话,再把域的id统一为sz.
javascript判断日期类型比较麻烦,所以就没有做日期类型校验的程序了.高手可以补充。

程序比较草,只是提供一个思路。抛砖引玉! :)
哦,对了,函数调用方法:

复制代码 代码如下:
function dovalidate()
{
fm=document.forms[0] //只检测一个form,如果是多个可以改变判断条件
   for(i=0;i    { 
   //检测判断条件,根据类型不同可以修改
   if(fm.tagName.toUpperCase()=="INPUT" &&fm.type.toUpperCase()=="TEXT" && (fm.title!=""))
   
   if(fm.value="/blog/="")//
   {
   str_warn1=fm.title+"不能为空!";
   alert(str_warn1);
  fm.focus();
   return false;   
   }
   if(fm.id.toUpperCase()=="SZ")//数字校验
   {
 if(isNaN(fm.value))
{ str_warn2=fm.title+"格式不对";
alert(str_warn2);
fm.focus();
 return false;
 }
  }
   }
   return true;
}

12. 验证radio是否选择

复制代码 代码如下:
<script language="javascript"><br> function checkform(obj)<br> {<br> for(i=0;i<obj.oo.length;i++)<br> if(obj.oo[i].checked==true) return true; <p>alert("请选择")<br> return false;   <p>}<br> </script>

   
   
   

希望本文所述对大家基于javascript的web程序设计有所帮助。

立即学习Java免费学习笔记(深入)”;

相关文章

java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习?java怎么入门?java在哪学?java怎么学才快?不用担心,这里为大家提供了java速学教程(入门到精通),有需要的小伙伴保存下载就能学习啦!

下载

相关标签:

本站声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
Golang 测试体系与代码质量保障:工程级可靠性建设
Golang 测试体系与代码质量保障:工程级可靠性建设

Go语言测试体系与代码质量保障聚焦于构建工程级可靠性系统。本专题深入解析Go的测试工具链(如go test)、单元测试、集成测试及端到端测试实践,结合代码覆盖率分析、静态代码扫描(如go vet)和动态分析工具,建立全链路质量监控机制。通过自动化测试框架、持续集成(CI)流水线配置及代码审查规范,实现测试用例管理、缺陷追踪与质量门禁控制,确保代码健壮性与可维护性,为高可靠性工程系统提供质量保障。

6

2026.02.28

Golang 工程化架构设计:可维护与可演进系统构建
Golang 工程化架构设计:可维护与可演进系统构建

Go语言工程化架构设计专注于构建高可维护性、可演进的企业级系统。本专题深入探讨Go项目的目录结构设计、模块划分、依赖管理等核心架构原则,涵盖微服务架构、领域驱动设计(DDD)在Go中的实践应用。通过实战案例解析接口抽象、错误处理、配置管理、日志监控等关键工程化技术,帮助开发者掌握构建稳定、可扩展Go应用的最佳实践方法。

6

2026.02.28

Golang 性能分析与运行时机制:构建高性能程序
Golang 性能分析与运行时机制:构建高性能程序

Go语言以其高效的并发模型和优异的性能表现广泛应用于高并发、高性能场景。其运行时机制包括 Goroutine 调度、内存管理、垃圾回收等方面,深入理解这些机制有助于编写更高效稳定的程序。本专题将系统讲解 Golang 的性能分析工具使用、常见性能瓶颈定位及优化策略,并结合实际案例剖析 Go 程序的运行时行为,帮助开发者掌握构建高性能应用的关键技能。

8

2026.02.28

Golang 并发编程模型与工程实践:从语言特性到系统性能
Golang 并发编程模型与工程实践:从语言特性到系统性能

本专题系统讲解 Golang 并发编程模型,从语言级特性出发,深入理解 goroutine、channel 与调度机制。结合工程实践,分析并发设计模式、性能瓶颈与资源控制策略,帮助将并发能力有效转化为稳定、可扩展的系统性能优势。

14

2026.02.27

Golang 高级特性与最佳实践:提升代码艺术
Golang 高级特性与最佳实践:提升代码艺术

本专题深入剖析 Golang 的高级特性与工程级最佳实践,涵盖并发模型、内存管理、接口设计与错误处理策略。通过真实场景与代码对比,引导从“可运行”走向“高质量”,帮助构建高性能、可扩展、易维护的优雅 Go 代码体系。

17

2026.02.27

Golang 测试与调试专题:确保代码可靠性
Golang 测试与调试专题:确保代码可靠性

本专题聚焦 Golang 的测试与调试体系,系统讲解单元测试、表驱动测试、基准测试与覆盖率分析方法,并深入剖析调试工具与常见问题定位思路。通过实践示例,引导建立可验证、可回归的工程习惯,从而持续提升代码可靠性与可维护性。

2

2026.02.27

漫蛙app官网链接入口
漫蛙app官网链接入口

漫蛙App官网提供多条稳定入口,包括 https://manwa.me、https

130

2026.02.27

deepseek在线提问
deepseek在线提问

本合集汇总了DeepSeek在线提问技巧与免登录使用入口,助你快速上手AI对话、写作、分析等功能。阅读专题下面的文章了解更多详细内容。

8

2026.02.27

AO3官网直接进入
AO3官网直接进入

AO3官网最新入口合集,汇总2026年可用官方及镜像链接,助你快速稳定访问Archive of Our Own平台。阅读专题下面的文章了解更多详细内容。

208

2026.02.27

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
React 教程
React 教程

共58课时 | 5.6万人学习

TypeScript 教程
TypeScript 教程

共19课时 | 3.2万人学习

Bootstrap 5教程
Bootstrap 5教程

共46课时 | 3.5万人学习

关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号