正则表达式，javascript表单验证函数

最新推荐文章于 2024-09-16 23:22:41 发布
最新推荐文章于 2024-09-16 23:22:41 发布
阅读量125 收藏 1
点赞数
文章标签： JavaScript 正则表达式 表单验证 ViewUI
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/nmskate/article/details/84356165
版权

一部分转自：http://www.cnblogs.com/hongten/archive/2011/03/21/1990121.html

一部分其他地方自己收集

 

这里所有的javascript函数都经过实际测试。

 

索引：

1.  验证radio 是否选择

2.  检测输入长度限制

3.  3.1.1 键盘能输入只能是数字

3.1.2 键盘能输入只能是数字

3.2. 键盘不能输入数字

4.  4.1 验证邮箱格式

4.2 验证邮箱格式

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

6.  中文/ 英文/ 数位/ 合法性判断

7.  7.1 检查一段字串是否全由数位组成

7.2 检查一段字串是否全由数位组成 

8.  判断是否全是字元

9.  判断是否含有汉字

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

11. 11.1 判断用户名是否为数位字母下滑线  

11.2 判断字符串是否为数值

12. 12.1 检查电话号码

12.2 检查电话号码

13. 验证email, 返回true & false

14. 检查是否为有效的真实姓名，只能含有中文或大写的英文字母

15. 快速比较两个字符串的不同字符

16. 检查年龄是否符合

17. 检查密码只允许由ascii 组成

18. 检查输入值是否符合整数格式

19. 检查输入字符串是否为空或者全部都是空格

20. 校验IP 地址的格式

 

 

1. 验证 radio 是否选择

         <script type="text/javascript ">

                   function isRadioSelected(obj )

                   {

                            for (var i = 0; i < obj.oo.length; i ++)

                            {

                                     if(obj.oo[i].checked == true)

                                     {

                                               return true;

                                     }

                            }

                            alert(" 请选择 ");

                            return false;

                   }

         </script>

        

         <form id="form1" name="form1" method="post" action="#" onsubmit ="return isRadioSelected(this);">

                   <input type="radio" name="oo " value="radiobutton " />

                   <input type="radio" name="oo " value="radiobutton " />

                   <input type="submit" name="Submit" value=" 提交 " />

         </form>

 

2. 检测输入长度限制

         <script type="text/javascript ">

                   function checkValueLength()

                   {

                            if(document.a.b.value.length > 50)

                            {

                                     alert(" 不能超过 50 个字元！ ");

                                     document.a.b.focus();

                                     return false;

                            }

                   }

         </script>

         <form name="a" onsubmit ="return checkValueLength();">

                   <textarea name="b" cols ="40" rows="6"></textarea>

                   <input type="submit" name="Submit" />

         </form>

 

3.1.1 键盘能输入只能是数字

         <script type="text/javascript ">

                   function onlyNumbers(e)

                   {

                            var keynum ;

                            var keychar ;

                            var numcheck ;

        

                            if(window.event) // IE

                            {

                                     keynum = e.keyCode;

                            }

                            else if(e.which) // Netscape /Firefox /Opera

                            {

                                     keynum = e.which;

                            }

                            keychar = String.fromCharCode(keynum );

                            numcheck = /\d/;  // \d 代表数字 0-9

                            return numcheck.test(keychar );

                   }

         </script>

        

         <input type="text" onkeypress ="return onlyNumbers(event);" />

 

3.1.2 键盘能输入只能是数字

         <script type="text/javascript ">

                   function check(obj ) {

                            if(event.keyCode == 13 || event.keyCode == 46) {

                                     return true;

                            }

                            if(event.keyCode < 48 || event.keyCode >57) {

                                     return false;

                            } else {

                                     return true;

                            }

                   }

         </script>

        

         <input type="text" name="textfield " onkeypress ="javascript:return check(this);" />

        

3.2. 键盘不能输入数字

         <script type="text/javascript ">

                   function noNumbers(e)

                   {

                            var keynum ;

                            var keychar ;

                            var numcheck ;

        

                            if(window.event) // IE

                            {

                                     keynum = e.keyCode;

                            }

                            else if(e.which) // Netscape /Firefox /Opera

                            {

                                     keynum = e.which;

                            }

                            keychar = String.fromCharCode(keynum );

                            numcheck = /\d/;

                            return !numcheck.test(keychar );

                   }

         </script>

        

         <input type="text" onkeypress ="return noNumbers(event);" />

 

4.1 验证邮箱格式

         <script type="text/javascript ">

         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(" 格式错误 ");

                   }

         }

         </script>

        

         <input type="text" onblur ="isEmail(this.value)" />

        

4.2 验证邮箱格式

         <script type="text/javascript ">

                   function emailCheck(emailStr) {

                            var emailPat=/^(.+)@(.+)$/;

                            var matchArray=emailStr.match(emailPat);

                            if (matchArray==null) {

                                     alert(" 电子邮件地址必须包括 ( @ 和 . )");

                                     return false;

                            }

                            return true;

                   }

         </script>

         <input type="button" name="Submit" value="check" onclick ="emailCheck('123456789@qq.com ');" />

 

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

         <script type="text/javascript ">

         function test() {

                   // 这里测试是否包含 "***","****"

                   if((a.b.value.indexOf ("***") == 0)||(a.b.value.indexOf("****") == 0)){

                            alert(" 包含字符串 ");

                            a.b.focus();

                            return false;

                   }

         }

         </script>

        

         <input type="text" name="b" />

         <input type="button" name="Submit" value="check" onclick ="test();" />

 

6. 中文 / 英文 / 数位 / 合法性判断

         <script type="text/javascript ">

                   function isEnglish(str )      // 英文值检测

                   {

                            if(str.length == 0) return false;

                            for(var i = 0; i < str.length; i ++)

                            {

                                     if(str.charCodeAt(i) > 128)

                                     {

                                               return false;

                                     }

                            }

                            return true;

                   }

        

                   function isChinese(str )      // 中文值检测

                   {

                            if(str.length  == 0) return false;

                            for(var i = 0; i < str.length; i++)

                            {

                                     if(str.charCodeAt(i) <= 128)

                                     {

                                               return false;

                                     }

                            }

                            return true;

                   }

                   function isNumber(str )      // 数值检测

                   { 

                            if(str.length == 0) return false;

                            for(var i = 0; i < str.length; i++)

                            { 

                                     if(str.charAt(i) < "0" || str.charAt(i) > "9")

                                     {

                                               return false;

                                     }

                            }

                            return true;

                   }

         </script>

        

         <input type="button" name="Submit" value="check" onclick ="isChinese(' 测试 ');" />

 

7.1 检查一段字串是否全由数位组成      

         <script type="text/javascript ">         

                   function checkNum(str ) {

                            return str.match(/\D/) == null;

                   }

                   alert(checkNum("1232142141"));

                   alert(checkNum("123214214a1"));

         </script>

        

7.2 检查一段字串是否全由数位组成      

         <script type="text/javascript ">

                   function isNumber(oNum) {

                            if(!oNum) return false;

                            var strP=/^\d+(\.\d+)?$/;

                            if(!strP.test(oNum)) return false;

                            try{

                                     if(parseFloat(oNum) != oNum) return false;

                            } catch (ex ) {

                                     return false;

                            }

                            return true;

                   }

         </script>

         <input type="button" value=" 按钮 " onclick ="isNumber('3223a2');"></input>

 

8. 判断是否全是字元

         <script type="text/javascript ">         

         function checkAllChar(str ) {

                   if (/[^\x00-\xff ]/g.test(str )) {

                            alert(" 含有汉字 ");

                   } else {

                            alert(" 全是字元 ");

                   }

         }

         </script>

        

         <input type="button" name="Submit" value="check" onclick ="checkAllChar('faafdfdsa2431243fda');" />

 

9. 判断是否含有汉字

         <script type="text/javascript ">         

                   function checkHasChn(str ) {

                            if (escape(str ).indexOf("%u") != -1) {

                                     alert(" 含有汉字 ");

                            } else {

                                     alert(" 全是字元 ");

                            }

                   }

         </script>

        

         <input type="button" name="Submit" value="check" onclick ="checkHasChn('faafdfdsa 汉字 2431243fda');" />

 

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

         <script type="text/javascript ">         

                   function ischinese (s) {

                            var re t= true;

                            for(var i=0;i<s.length;i++)

                            {

                                     ret = ret && (s.charCodeAt(i)>=10000);

                            }

                            return ret ;

                   }

         </script>

        

         <input type="button" name="Submit" value="check" onclick ="ischinese (' 汉字 ');" />

 

11.1 判断用户名是否为数位字母下滑线   

         <script type="text/javascript ">         

                   function checkUserName(str ) {

                            var reg = /[^A-Za -z0-9_]/g;

                            if (reg.test(str )) {

                                     return false;

                            } else {

                                     return true;

                            }

                   }

         </script>

        

         <input type="button" name="Submit" value="check" onclick ="checkUserName('fdafdafdasfa_s');" />

 

11.2 判断字符串是否为数值

         <script type="text/javascript">

                   function regIsNumber(fData)

                   {

                       var reg = new RegExp("^[-]?[0-9]+[\.]?[0-9]+$");

                       return reg.test(fData);

                   }

         </script>

        

         <input type="button" value=" 测试 " οnclick="regIsNumber('2323.00');" />

 

12.1 检查电话号码

         <script type="text/javascript">         

                   function isTel(str) {

                       var reg=/^([0-9]|[\-])+$/g ;

                       if(str.length < 7 || str.length > 18) {

                                return false;

                       } else {

                                return reg.exec(str);

                       }

                   }

         </script>

        

         <input type="button" name="Submit" value="check" οnclick="isTel('11111111111');" />

12.2 检查电话号码

         <script type="text/javascript">

         function regIsPhone(fData)

         {

                   var reg = /^(\+86)?(1[0-9]{10})$/;

                   return reg.test(fData);

         }

         </script>

        

         <input type="button" value=" 测试 " οnclick="regIsPhone('11111111111');" />

 

13. 验证 email, 返回 true & false

         <script type="text/javascript">          

                   function isEmail(str) {

                       var reg = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})$/;

                       return reg.test(str);

                   }

         </script>

        

         <input type="button" name="Submit" value="check" οnclick="isEmail('111111111@.com');" />

 

14. 检查是否为有效的真实姓名，只能含有中文或大写的英文字母

         <script type="text/javascript">         

                   function isEmail(str) {

                       var reg = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+((\.[a-zA-Z0-9_-]{2,3}){1,2})$/;

                       return reg.test(str);

                   }

         </script>

        

         <input type="button" name="Submit" value="check" οnclick="isEmail('111111111@.com');" />

 

15. 快速比较两个字符串的不同字符

         <script type="text/javascript">

                   function compareStrs(str1, str2) {

                            var re = new RegExp("(?=.*?)[^" + str1 +"](?=.*?)|(?=.*?)[^" + str2 + "](?=.*?)", "g");

                            var arr;

                            while ((arr = re.exec(str1 + str2)) != null)

                            {

                                     document.write(arr);

                            }

                   }

         </script>

        

         <input type="button" name="Submit" value="check" οnclick="compareStrs('abc 字符串 ', 'abe 字 fg');" />

 

16. 检查年龄是否符合

         <script type="text/javascript">

                   function isAge(str){

                            var mydate = new Date();

                            var now = mydate.getFullYear();

                            if (str < now - 60 || str > now - 18) {

                                     alert("false");

                                     return false;

                       }

                            alert("true");

                            return true;

                   }

         </script>

        

         <input type="button" name="Submit" value="check" οnclick="isAge('1990');" />

 

17. 检查密码只允许由 ascii 组成

         <script type="text/javascript">

                   function checkValidPasswd(str) {

                            var reg = /^[x00-x7f]+$/;

                            if (! reg.test(str)) {

                                     return false;

                            }

                            if (str.length < 6 || str.length > 16) {

                        return false;

                            }

                            return true;

                   }

         </script>

        

         <input type="button" name="Submit" value="check" οnclick="checkValidPasswd('19fda90');" />

 

18. 检查输入值是否符合整数格式

         <script type="text/javascript">

                   function isInteger(str) {

                            var regu = /^[-]{0,1}[0-9]{1,}$/;

                            return regu.test(str);

                   }

         </script>

         <input type="button" name="Submit" value="check" οnclick="isInteger('1990');" />

 

19. 检查输入字符串是否为空或者全部都是空格

         <script type="text/javascript">

                   function isNull(str){

                            if (str == "") return true;

                            var regu = "^[ ]+$";

                            var re = new RegExp(regu);

                            alert(re.test(str));

                            return re.test(str);

                   }

         </script>

         <input type="button" name="Submit" value="check" οnclick="isNull('   ');" />

 

20. 校验 IP 地址的格式

         <script type="text/javascript">

                   function isIP(strIP) {

                            if (strIP.length == 0)

                            {

                                     return false;

                            }

                            var re = /^(\d+)\.(\d+)\.(\d+)\.(\d+)$/g;

                            if(re.test(strIP))

                            {

                                     if( RegExp.$1 <256 && RegExp.$2<256 && RegExp.$3<256 && RegExp.$4<256)

                                     {

                                               return true;

                                     }

                            }

                            return false;

                   }

         </script>

        

         <input type="button" name="Submit" value="check" οnclick="isIP('127.0.0.1');" />

nmskate
关注
vue 用户名重复验证_vue-vue检查用户名&手机号是否重复&密码是否正确&检查短信验证码&检查图形验证码...
weixin_39716971的博客
12-20 1241
1.vue检查用户名是否重复前端函数如下,js方法代码无需更改，前端代码逻辑在components\common\lab_header.vue只需要修改components\axios_api\http.js中调用的后端地址// axios.defaults.baseURL = "http://127.0.0.1:8000/"axios.defaults.baseURL = "http://192...
JavaScript通过正则表达式实现表单验证电话号码
12-01
总的来说，通过理解正则表达式的工作原理以及如何在JavaScript中使用它们，我们可以创建强大的表单验证功能，确保用户输入的电话号码符合预期的格式。对于更复杂的应用场景，可能需要结合其他验证库或服务来进一步...
使用正则表达式进行表单验证
zorolu的博客
04-08 3642
表单验证 1.什么是表单验证 表单：搜集用户信息，并且将信息发送给指定的服务器程序处理。信息必须格式才能向后台提交。 如果没有javaScript 此时数据的校验只能在 后台服务器端完成， 后果：浪费资源，浪费时间，降低服务器的效率。在js校验数据格式。如果符合格式，可以提交，否则，不能提交。 如果有javaScript : 直接在客户端进行 数据格式的校验，不需要经过后台，也就是说，只要数据能发送倒到后台，就说明这个数据一定是后台需要的数据。 表单验证的作用：验证数据的格式，将后台需
自己写的数字最大最小值numvalue-check指令
阳光暖心
07-14 892
产品要求：输入框输入数据之后，失去焦点后就进行最大最小值校验，以及错误提示。但是angular自带指令max,min，在封装后，要点击确认按钮，form-submit之后才会提示错误。 所以干脆自己写了一个。因为后面又说可以为空，所以就把不能为空这个注释掉了。 备注： （1）调试时，在html中加上下面这个可以提示是否捕获到了定义的error。{{formValidator.transfer
学习前端第二天--javascript入门
Tihero的博客
09-28 641
简单了解JavaScript
jQuery基于正则表达式的表单验证功能示例
10-20
在介绍jQuery基于正则表达式的表单验证功能示例时，本文重点介绍了在表单验证中如何应用正则表达式来实现对用户输入的校验。正则表达式是一种强大的文本处理工具，它提供了一种灵活且准确的方法来匹配字符串中符合...
JavaScript 表单验证正则表达式大全[推荐]
12-12
具体和函数结合的使用方法，还请查看下篇文章 JavaScript 使用正则表达式进行表单验证的示例代码 代码如下:匹配中文字符的正则表达式： [u4e00-u9fa5] 评注：匹配中文还真是个头疼的事，有了这个表达式就好办了 匹配...
JavaScript 使用正则表达式进行表单验证的示例代码
10-29
使用正则表达式进行表单验证是JavaScript中非常实用的技术，它可以帮助开发者高效地对用户输入的数据进行格式检查，从而确保数据的有效性。接下来将详细介绍几种常见的表单验证场景，并用示例代码详细解析每种场景的...
html5--javascript的一系列操作(事件、正则表达式的验证)
郝云博客
07-26 3951
效果展示： 如何实现： h1{ font-family: 华文行楷; color: red; background-color: green; box-shadow: 10px 10px 5px #888888; border:2px solid; border-radius:25px; width: 250px; height: 65px; li
Ueditor 需要处理的地方
weixin_34407348的博客
12-13 112
为什么80%的码农都做不了架构师？>>> ...
小程序之简单登录注册表单验证
weixin_30607659的博客
08-28 2530
这段时间在做员工管理的小程序，前期在登录注册上花了不少功夫，今天就给大家分享下。 效果图，wxss的内容较简单，自己编写即可。 ##主要内容 一、首先我是在util.js中引入表单正则验证规则，给予login.js来引用 function regexConfig() { var reg = { userid: /^[A-Za-z0-9]...
jq登录表单验证
比旎
07-19 5659
每个项目中都会有登录注册模块的一些验证。比如说：用户名我们要验证位数和是否符合用户名规则；密码要验证字母开头，长度，是否包含下划线等等，这里我总结了一下常用的验证规则，用的是项目中用到的class和id ,如果自己用到的话要对名称做相应的修改。
JS表单验证-12个常用的JS表单验证
weixin_30853329的博客
10-18 109
JS表单验证-12个常用的JS表单验证 最近有个项目用到了表单验证，小编在项目完结后的这段时间把常用的JS表单验证demo整理了一下，和大家一起分享~~~ 1. 长度限制 <p>1. 长度限制</p><form name=a onsubmit="return test()"> <textarea name="b" cols=...
python学习-08【正则表达式】
kuiini的博客
09-13 645
match 方法只对字符串匹配一次，只要在起始位置匹配到一个符合要求的字符就会返回值，并不会返回所有符合的结果。search() 方法不仅在字符串的起始位置进行搜索匹配，也会在符合条件的其他位置进行匹配。3、判断长度为 2 的字符串包含的是否是数字，可以使用==两个 []==进行判断。使用 group() 和 groups() 方法获取分组的内容。search() 方法的语法格式与 match() 方法相同。groups() 用于返回所有括号匹配的字符，并以。2、如果 [] 中的字符是连续的，就可以使用。
正则表达式
m0_61689418的博客
09-12 316
匹配由abc构成的数据【abc】+ abc出现一次以上 abc aabbcc。^ 排除 【^0-9】 匹配0-9之外的数据(包括换行符)\b 单词的边界 单词的开头或结尾 单词与符号之前的边界。\B 非单词的边界 符号与符号 单词与单词的边界。\w 单词字符 单词 数字 下划线即英文字符。 会匹配整串 因为是贪婪匹配。匹配 a cat or a dog。匹配 a cat or dog。\s 空白符 包含空格和换行符。. 表示. 通过\进行了转意。\d+ 匹配一个以上的数字。
grep命令如何实现正则表达式搜索？
weixin_46483815的博客
09-16 142
这些示例仅涵盖了正则表达式的基本用法。正则表达式是一种非常强大的文本处理工具，可以用于执行复杂的搜索和匹配操作。要了解更多关于正则表达式的信息，您可以查阅相关文档或教程。命令支持使用正则表达式（Regular Expression，简称 regex）进行搜索。进行正则表达式搜索时，请确保熟悉正则表达式的语法和特性，以避免出现意外的结果。
Java 正则表达式详解
weixin_64178283的博客
09-13 647
正则表达式 (Regular Expression，简称 regex) 是一种强大的文本处理工具，可以用来匹配、搜索和替换文本中的特定模式。在 Java 中，正则表达式由 java.util.regex 包提供支持。
vpn集中配置方法.docx
最新发布
09-17
cisco设备配置指导
分享JavaScript常用正则表达式实例与验证函数
这些正则表达式实例展示了如何在JavaScript中有效地进行字符串格式检查和数据类型验证，对于前端开发中常见的表单验证、数据清理等工作具有实用价值。掌握这些工具，开发者能够更轻松地处理文本数据和用户输入，提高...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值