JS正则表达式验证数字，整数，email

最新推荐文章于 2022-11-21 11:02:52 发布
最新推荐文章于 2022-11-21 11:02:52 发布
阅读量3.9w 收藏 9
点赞数
文章标签： 正则表达式 function input javascript email html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ice_spar/article/details/1822928
版权

 

说明：

元字符是正则表达式语法的一部分，有这些：

( [ { / ^ $ | ) ? * + .

任何时候使用他们都要对它们进行转义，比如： var regStr=//?/;

但是：如果不用上面的“字面量语法”的时候就要进行双重转义，如：var regStr="//?";

在用JS中预定义的特殊字符时候，如：/t，/n；还有一组预定义字符类如：.，/d，/D，/w；更应该注意转义。

我在复制代码的时候选的是HTML，//就被过滤成/了，所以会出现差异，这也是前面为什么网友们发现验证不对的地方。下面用文本粘贴：

正确的如下：

<html>
<head>
<title>正则表达式验证示例</title>
<script language="JavaScript">
<!--
function checkdata(){//检查函数
  //检查是否数字
    var txt = document.forms[0].num.value;
    if(txt.search("^-?//d+(//.//d+)?$")!=0){
        alert("请输入一个数字!");
        document.forms[0].num.select();
        return false;
    }
    //检查是否整数
    txt = document.forms[0].int.value;
    if(txt.search("^-?//d+$")!=0){
        alert("请输入一个整数!");
        document.forms[0].int.select();
        return false;
    }
    //检查EMAIL是否合法
    txt = document.forms[0].email.value;
    if(txt.search("^(?://w+//.?)*//w+@(?://w+//.?)*//w+$")!=0){
        alert("请输入正确的电子邮件!");
        document.forms[0].email.select();
        return false;
    }
    alert("检查通过!");
    return true;
}
-->
</script>
</head>
<body>
<p>
<form action="" method="post" OnSubmit="return checkdata()">
<br>请输入一个数字:<input type="text" name="num">
<br>请输入一个整数:<input type="text" name="int">
<br>请输入电子邮件:<input type="text" name="email">
<br><input type="submit" value="提交">
<form>
</body>
</html>

再补充一些：常用验证：

<script language="JavaScript">
            <!-- //对付老式浏览器所用注释
           
   function testisNum(s){
    var s =document.getElementById('num').value;
    if(isNum(s))
    {
     alert("是数字");
    }
    else
    {
     alert("请出入数字");
    }
   }
   
   
            //校验用户姓名：只能输入3-20个以字母和数字开头的字串
            function isTrueName(s)
            {
             var pattern=/^/w{3,20}$/;
             if(pattern.exec(s))
             {
              return true;
             }
             return false;
            }
            //校验普通电话、传真号码：可以“+”开头，除数字外，可含有“-”
            function isTel(s)
            {
             var pattern =/^[+]{0,1}(/d){1,3}[ ]?([-]?((/d)|[ ]){1,12})+$/;
             if(pattern.exec(s))
             {
              return true;
             }
             return false;
            }
            //校验手机号码：必须以数字开头，除数字外，可含有“-”
            function isMobile(s)
            {
             //var patrn=/^[+]{0,1}(/d){1,3}[ ]?([-]?((/d)|[ ]){1,12})+$/;
             var patrn=/^((/(/d{0,3}/))|(/d{0,3}/-))?13|15/d{9}$/;
             if (!patrn.exec(s)){
               return false;
               }
              return true;
            }
            //校验(国内)邮政编码
            function isPostalCode(s)
            {
             var patrn=/^[0-9]{6}$/;
             //var patrn=/^[a-zA-Z0-9 ]{3,12}$/;
              if (!patrn.exec(s)){
               return false;
               }
              return true;
            }
           
            function isIP(s) //by zergling
            {
             var patrn=/^[0-9.]{1,20}$/;
              if (!patrn.exec(s)) {
               return false;
               }
              return true;
            }
            //校验邮箱
            function isEmail(s)
            {
             var patrn=/^[a-zA-Z0-9_/-]{1,}@[a-zA-Z0-9_/-]{1,}/.[a-zA-Z0-9_/-.]{1,}$/;
              if (!patrn.exec(s)) {
               return false;
               }
              return true;
            }
            //校验日期
            function isdate(s)
            {
             var patrn=/^((/d{2}(([02468][048])|([13579][26]))[/-///s]?((((0?[13578])|(1[02]))[/-///s]?((0?[1-9])|([1-2][0-9])|(3[01])))|(((0?[469])|(11))[/-///s]?((0?[1-9])|([1-2][0-9])|(30)))|(0?2[/-///s]?((0?[1-9])|([1-2][0-9])))))|(/d{2}(([02468][1235679])|([13579][01345789]))[/-///s]?((((0?[13578])|(1[02]))[/-///s]?((0?[1-9])|([1-2][0-9])|(3[01])))|(((0?[469])|(11))[/-///s]?((0?[1-9])|([1-2][0-9])|(30)))|(0?2[/-///s]?((0?[1-9])|(1[0-9])|(2[0-8]))))))(/s(((0?[0-9])|([1-2][0-3]))/:([0-5]?[0-9])((/s)|(/:([0-5]?[0-9])))))?$/;
              if (!patrn.exec(s)){
               return false;
               }
              return true;
            }
            
            //校验货币格式
            function isCurrency(s)
            {
             var patrn=/^/d+(/./d+)?$/;
              if (!patrn.exec(s)) {
               return false;
               }
              return true;
            }
            //校验搜索关键字
            function isSearch(s)
            {
             var patrn=/^[^`~!@#$%^&*()+=|///][/]/{/}:;/'/,.<>?]{1}[^`~!@$%^&()+=|///][/]/{/}:;/'/,.<>?]{0,19}$/;
              if (!patrn.exec(s)) {
              return false;
               }
              return true;
            }
            //检查是否数字
            function isNum(s)
            {
             var pattern = /^/d+(/./d+)?$/;
             if(pattern.test(s))
             {
              return true;
             }
             return false;
            }
             //检查是否整数
            function isInt(s)
            {
             var pattern = /^-?/d+$/;
             if(s.search(pattern)!=0)
             {
              return false;
             }
             return true;
            }
            -->
        </script>

下面是以前错误的复制：

< html >
< head >
< title > 正则表达式验证示例 </ title >
< script  language ="JavaScript" >
<!--
function checkdata() {//检查函数
  //检查是否数字
    var txt = document.forms[0].num.value;
    if(txt.search("^/d+(/./d+)?$")!=0) {
        alert("请输入一个数字!");
        document.forms[0].num.select();
        return false;
    }
    //检查是否整数
    txt = document.forms[0].int.value;
    if(txt.search("^-?/d+$")!=0) {
        alert("请输入一个整数!");
        document.forms[0].int.select();
        return false;
    }
    //检查EMAIL是否合法
    txt = document.forms[0].email.value;
    if(txt.search("^[/w-]+(/.[/w-]+)*@[/w-]+(/.[/w-]+)+$")!=0) {
        alert("请输入正确的电子邮件!");
        document.forms[0].email.select();
        return false;
    }
    alert("检查通过!");
    return true;
}
-->
 </ script >
</ head >
< body >
< p >
< form  action =""  method ="post"  OnSubmit ="return checkdata()" >
< br > 请输入一个数字: < input  type ="text"  name ="num" >
< br > 请输入一个整数: < input  type ="text"  name ="int" >
< br > 请输入电子邮件: < input  type ="text"  name ="email" >
< br >< input  type ="submit"  value ="提交" >
< form >
</ body >
</ html >

  

ice_spar
关注
  • 0
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
常用JavaScript正则表达式汇编与示例详解
12-13
目前收集整理了21个常用的javaScript正则表达式，其中包括用户名、密码强度、整数、数字、电子邮件地址（Email）、手机号码、身份证号、URL地址、 IP地址、 十六进制颜色、 日期、 微信号、车牌号、中文正则等。...
正则表达式
12-03
我们已经发现了,在正则表达式中所有的字母字符和数字都是按照字面意思与自身相匹配的.JavaScript的正则表达式还通过以反斜杠(\)开头的转义序列支持某些非 字母字符.例如,序列 "\n" 在字符串中匹配的是一个直接量换...
js 正则匹配整数或小数
qq_41722795的博客
12-16 1904
validateCode(rule, value, callback){ debugger; let pattern = /(^[1-9][0-9]*|^[0]{1})([\.][0-9]{1,6})?$/;//正则匹配小数或整数 if(!pattern.test(value)){ callback('请输入数字！'); } else { } }, ...
JS常见正则校验
qq_29050279的博客
11-21 573
【代码】JS常见表单正则校验。
js验证数字正整数和0以及其他验证
风一样的人
02-24 7936
js验证正整数和0：/^([1-9]\d*|[0]{1,1})$/
HTML input pattern使用体验+js正则表达测试使用体验
龙遥的世界
10-10 4481
Country code: Note: The pattern attribute of the input tag is not supported in Internet Explorer 9 and earlier versions, or in Safari.
用户名、密码等15个常用的js正则表达式
12-13
收集整理了15个常用的javaScript正则表达式，其中包括用户名、密码强度、整数、数字、电子邮件地址（Email）、手机号码、身份证号、URL地址、 IPv4地址、 十六进制颜色、 日期、 QQ号码、 微信号、车牌号、中文正则...
数字的正则表达式写法参考书
05-21
一个不错的数字的正则表达式验证的电子参考书。内容预览： 验证数字：^[0-9]*$ 验证n位的数字：^\d{n}$ 验证至少n位数字：^\d{n,}$ 验证m-n位的数字：^\d{m,n}$ 验证零和非零开头的数字：^(0|[1-9][0-9]*)$ ...
Javascript 常用正则表达式
05-27
匹配特定数字： ^[1-9]d*$　//匹配正整数 ^-[1-9]d*$ //匹配负整数 ^-?[1-9]d*$　//匹配整数 ^[1-9]d*|0$　//匹配非负整数（正整数 + 0） ^-[1-9]d*|0$　//匹配非正整数（负整数 + 0） ^[1-9]d*.d*|0.d*[1-9]d*$　//...
输入框只能输入0.5的倍数
03-18
NULL 博文链接：https://jinhanjiang.iteye.com/blog/670223
JS判断输入类型是否为正整数
热门推荐
flyawayl的博客
08-16 1万+
需要用到正则表达式：”/^+?[1-9][0-9]*$/”。例子如下:<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>检测正整数</title> </head> <script> <!-- 判断是否为正整数--> function fun() { var value = docu
JS判断输入是否为整数的正则表达式
DN金猿的博客
12-15 1983
1.正确表达式 "^\\d+$"　　//非负整数（正整数 + 0） "^[0-9]*[1-9][0-9]*$"　　//正整数 "^((-\\d+)|(0+))$"　　//非正整数（负整数 + 0） "^-[0-9]*[1-9][0-9]*$"　　//负整数 "^-?\\d+$"　　　　//整数 "^\\d+(\\.\\d+)?$"　　//非负浮点数（正浮点数 + 0） "^(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[
js中正则表达式验证_JS里使用正则表达式判断整数
weixin_36199904的博客
01-14 8046
JavaScript中可以使用正则表达式/ ^\d+$/判断是否非负整数，可以使用正则表达式/^\-[1-9][0-9]*$/判断是否是负整数。1、使用正则表达式判断数字是否整数：functionisIntNum(val){varregPos=/^\d+$/;//非负整数//varregNeg=/^\-[1-9][0-9]*$/;//负整数if(regPos.test(v...
js 正则验证数字（整数，货币型，浮点型）
weixin_30347009的博客
07-29 278
本文章提供一款js 正则验证数字（判断是否为数字）哦，他可以验正整数，货币型，浮点型数据哦，也很好的验证了js判断是不是数字的代码哦。货币型function isvaliddecimal(chars) {//是否货币 var hb = $(chars).val(); var re = /^\d+(?:\.\d{0,2})?$/; ...
js 正则表达式 判断整数与小数
qwerasdfwjy的博客
09-04 3962
用正则表达式，判断最多14位整数和两位小数这种情形
html匹配整数的正则,HTML+JS使用正则表达式让input文本框只能输入整数
weixin_35973521的博客
05-30 332
在制作前台网页的时候我们总是想让文本框只能输入整数，效果就是我们输入非数字的字符时自动去掉非法字符。我喜欢使用jQuery，所以这里展示jQuery的做法。//只能输入整数$('.int-num').each(function (e) {var obj = this;$(this).keyup(function (e) {var val=$(obj).val();if (val) {var pat...
使用Pattern类验证数字
小夜丶凝眸的博客
11-04 1728
String str= "123456"; // 判断是否为数字 Pattern pattern = Pattern.compile("[0-9]*"); if(pattern.matcher(str).matches()==false){ System.out.println("你输入的不是数字，请重新检查"); }else{ System.out.println("你输入的为数字"); } ...
js正则表达式验证整数和小数
最新发布
04-29
在Javascript中，可以使用正则表达式验证整数和小数。 验证整数可以用/^[-]?\d+$/的正则表达式，其中^表示字符串的开头，$表示字符串的结尾，[]表示要匹配的字符集合，-表示负号，?表示可选，\d表示数字，+表示匹配...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值