[第六季]6.更复杂的正则表达式验证

最新推荐文章于 2022-08-10 11:03:00 发布
最新推荐文章于 2022-08-10 11:03:00 发布
阅读量277 收藏
点赞数
分类专栏： 008 JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zeephom/article/details/76944417
版权

4.复习笔记(这个就是课后习题以及课程所呈现的需求)

①点男的时候显示男性费用,点女的时候显示女性费用
②表格有点乱,进行修改.
③表格长短不一样,要进行修改.
④判断姓名必须全部为汉字
⑤判断月收入为数字
⑥判断男性费用都是数字
⑦结余计算(男女不一样)
①为1个事件②为1个事件③为1个事件
④⑤⑥为一类事件但是⑥比较特殊
⑦与⑥相关联

5.自测代码

2.课堂笔记

1.上节课没做完的事情,设置男性女性的费用显示问题
(1)点男的时候显示男性费用,点女的时候显示女性费用
display block 乱 

// JavaScript Document

function showMale()
{
    document.getElementById("nan").checked=true;
    for(var i=0;i<document.getElementsByName("nvhx").length;i++)
    {
        //document.getElementsByName("nvhx")[i].style.display="none";
        document.getElementsByName("nvhx").item(i).style.display="none";
    }

    for(var i=0;i<document.getElementsByName("nanhx").length;i++)
    {
        //document.getElementsByName("nvhx")[i].style.display="none";
        document.getElementsByName("nanhx").item(i).style.display="block";
    }
}

function showFemale()
{
    document.getElementById("nv").checked=true;
    for(var i=0;i<document.getElementsByName("nanhx").length;i++)
    {
        //document.getElementsByName("nvhx")[i].style.display="none";
        document.getElementsByName("nanhx").item(i).style.display="none";
    }

    for(var i=0;i<document.getElementsByName("nvhx").length;i++)
    {
        //document.getElementsByName("nvhx")[i].style.display="none";
        document.getElementsByName("nvhx").item(i).style.display="block";
    }
}


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>这是一篇测试文档</title>
<script type="text/javascript" src="myjs.js"></script>
<style type="text/css">
#tb
{
    border:solid red 5px;
    width:300px;    
}
</style>
</head>

<body onLoad="showMale()">
<table id="tb">
<tr><td colspan="2"><table id="tb2">
  <tr>
    <td>姓名:</td>
    <td><input type="text" id="xm"></td>
  </tr>
  <tr>
    <td>性别:</td>
    <td><input type="radio" name="xb" id="nan" onClick="showMale();"/>
      男
      <input type="radio" name="xb" id="nv" onClick="showFemale();"/>
      女</td>
  </tr>
  <tr>
    <td>月收入:</td>
    <td><input type="text" id="ysr"></td>
  </tr>
  <tr name="nanhx">
    <td>抽烟费用:</td>
    <td><input type="text" id="cyfy"></td>
  </tr>
  <tr name="nanhx">
    <td>喝酒费用:</td>
    <td><input type="text" id="hjfy"></td>
  </tr>
  <tr name="nvhx">
    <td>化妆品费用:</td>
    <td><input type="text" id="hzpfy"></td>
  </tr>
  <tr name="nvhx">
    <td>买衣服费用:</td>
    <td><input type="text" id="myffy"></td>
  </tr>
  <tr>
    <td>结余:</td>
    <td><input type="text" id="jy"></td>
  </tr>
  <tr>
    <td colspan="2"><input type="button" value="计算结余" onClick="showMale()"></td>
  </tr>
</table></td></tr>
</table>
</body>
</html>
(2)表格有点乱,然后block改成table-row
(3)长短不一样,首先在每个tb中写入class
<td class="first">
然后在head中写样式表
<style type="text/css">
.first
{
    width:100px;
}
</style>
</head>

2.
(1)判断姓名必须全部为汉字
<html xmlns="http://www.w3.org/1999/xhtml">
<input type="button" value="计算结余" onClick="compute()">

// JavaScript Document
function compute()
{
    if(document.getElementById("xm").value.length==0)
    {
        alert("请输入姓名");
        document.getElementById("xm").focus();
        return;
    }

    var str=/^[\u4e00-\u9fa5]+$/;
    if(!str.test(document.getElementById("xm").value))
    {
        alert("姓名必须为汉字!");
        document.getElementById("xm").select();
        return;
    }
}
(2)判断月收入为数字
str=/^(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*))$/;
    //判断收入是否为数字
    if(!str.test(document.getElementById("ysr").value))
    {
        alert("月收入必须为数字!");
        document.getElementById("ysr").select();
        return;
    }

(3)判断男性费用为数字
//判断男性费用
    if(document.getElementById("nan").checked)
    {
        str=/^(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*))$/;
        //判断收入是否为数字
        if(!str.test(document.getElementById("cyfy").value))
        {
            alert("抽烟费用必须为数字!");
            document.getElementById("cyfy").select();
            return;
        }
        else
        {
            str=/^(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*))$/;
            //判断收入是否为数字
            if(!str.test(document.getElementById("hjfy").value))
            {
                alert("喝酒费用必须为数字!");
                document.getElementById("hjfy").select();
                return;
            }
        }
    }


    //判断女性费用
    if(document.getElementById("nv").checked)
    {
        str=/^(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*))$/;
        //判断收入是否为数字
        if(!str.test(document.getElementById("hzpfy").value))
        {
            alert("化妆品费用必须为数字!");
            document.getElementById("hzpfy").select();
            return;
        }
        else
        {
            str=/^(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*))$/;
            //判断收入是否为数字
            if(!str.test(document.getElementById("myffy").value))
            {
                alert("买衣服费用必须为数字!");
                document.getElementById("myffy").select();
                return;
            }
        }
    }
(4)结余计算
document.getElementById("jy").value=
        parseFloat(document.getElementById("ysr").value)-
        parseFloat(document.getElementById("cyfy").value)-
        parseFloat(document.getElementById("hjfy").value);

女性的费用是
document.getElementById("jy").value=
        parseFloat(document.getElementById("ysr").value)-
        parseFloat(document.getElementById("hzpfy").value)-
        parseFloat(document.getElementById("myffy").value);

3.课程效果图

1.代码

// JavaScript Document

function showMale()
{
    document.getElementById("nan").checked=true;
    for(var i=0;i<document.getElementsByName("nvhx").length;i++)
    {
        //document.getElementsByName("nvhx")[i].style.display="none";
        document.getElementsByName("nvhx").item(i).style.display="none";
    }

    for(var i=0;i<document.getElementsByName("nanhx").length;i++)
    {
        //document.getElementsByName("nvhx")[i].style.display="none";
        document.getElementsByName("nanhx").item(i).style.display="table-row";
    }
}

function showFemale()
{
    document.getElementById("nv").checked=true;
    for(var i=0;i<document.getElementsByName("nanhx").length;i++)
    {
        //document.getElementsByName("nvhx")[i].style.display="none";
        document.getElementsByName("nanhx").item(i).style.display="none";
    }

    for(var i=0;i<document.getElementsByName("nvhx").length;i++)
    {
        //document.getElementsByName("nvhx")[i].style.display="none";
        document.getElementsByName("nvhx").item(i).style.display="table-row";
    }
}

function compute()
{
    if(document.getElementById("xm").value.length==0)
    {
        alert("请输入姓名");
        document.getElementById("xm").focus();
        return;
    }

    var str=/^[\u4e00-\u9fa5]+$/;
    if(!str.test(document.getElementById("xm").value))
    {
        alert("姓名必须为汉字!");
        document.getElementById("xm").select();
        return;
    }

    str=/^(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*))$/;
    //判断收入是否为数字
    if(!str.test(document.getElementById("ysr").value))
    {
        alert("月收入必须为数字!");
        document.getElementById("ysr").select();
        return;
    }

    //判断男性费用
    if(document.getElementById("nan").checked)
    {
        str=/^(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*))$/;
        //判断收入是否为数字
        if(!str.test(document.getElementById("cyfy").value))
        {
            alert("抽烟费用必须为数字!");
            document.getElementById("cyfy").select();
            return;
        }
        else
        {
            str=/^(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*))$/;
            //判断收入是否为数字
            if(!str.test(document.getElementById("hjfy").value))
            {
                alert("喝酒费用必须为数字!");
                document.getElementById("hjfy").select();
                return;
            }
        }
        document.getElementById("jy").value=
        parseFloat(document.getElementById("ysr").value)-
        parseFloat(document.getElementById("cyfy").value)-
        parseFloat(document.getElementById("hjfy").value);
    }


    //判断女性费用
    if(document.getElementById("nv").checked)
    {
        str=/^(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*))$/;
        //判断收入是否为数字
        if(!str.test(document.getElementById("hzpfy").value))
        {
            alert("化妆品费用必须为数字!");
            document.getElementById("hzpfy").select();
            return;
        }
        else
        {
            str=/^(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*))$/;
            //判断收入是否为数字
            if(!str.test(document.getElementById("myffy").value))
            {
                alert("买衣服费用必须为数字!");
                document.getElementById("myffy").select();
                return;
            }
        }
        document.getElementById("jy").value=
        parseFloat(document.getElementById("ysr").value)-
        parseFloat(document.getElementById("hzpfy").value)-
        parseFloat(document.getElementById("myffy").value);
    }

}
低调的嚣张的程序员
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
复杂正则表达式学习理解
zhengzaifeidelushang的博客
09-25 476
复杂正则表达式学习理解 首先附上正则表达式中文学习网站，营养价值很高： http://www.runoob.com/regexp/regexp-tutorial.html 学习正则表达式的过程，可以利用Grok Debugger和RegExr这两个网站调试正则表达式，加深对正则表达式的理解： Grok Debugger ：https://grokdebug.herokuapp.com/ RegEx...
正则表达式稍微复杂的一点的几个
09-10 153
\b和\B(\b匹配一个单词的边界，\B不匹配一个单词的边界)匹配单词 Chapter 中的字符串 ter，因为它出现在字边界的前面：ter\b->但他不能匹配Chapters中的terter\B就能匹配Chapters中的ter不能匹配Chapter中的ter pattern+?、pattern*?这两个比较常用，表示懒惰匹配，即匹配符合条件的尽量短的字符串。默认情况下 + 和...
复杂正则表达式一
zqxnum1的专栏
07-27 936
表达式 "(\w)((?=\1\1\1)(\1))+" 在匹配字符串 "aaa ffffff 999999999" 时，将可以匹配6个"f"的前4个，可以匹配9个"9"的前7个 分析： 一、 (\w)(\1) 1. (\w) -- \w,一个字符，括号表示一个子匹配,第一个括号是"\1"，第二个括号是"\2"，……。 2. (\w)(\1) -- 一个字符，后面紧跟一个相同的字符
一些稍微复杂的正则表达式
weixin_30924087的博客
12-08 760
参考： http://www.jb51.net/shouce/jquery/regexp.html http://www.cnblogs.com/huxi/archive/2010/07/04/1771073.html 1. 数量词的贪婪模式与非贪婪模式 (?!pattern) 正向否定预查，在任何不匹配pattern的字符串开始处匹配查找字符串...
正则表达式之复杂示例
kevinsin的专栏
04-21 1079
"^/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
Python如何使用正则表达式爬取京东商品信息
12-17
如此庞大的一个电商网站，上面的商品信息是海量的，小编今天就带小伙伴利用正则表达式，并且基于输入的关键词来实现主题爬虫。 首先进去京东网，输入自己想要查询的商品，小编在这里以关键词“狗粮”作为搜索对象，...
C#正则表达式的使用
05-06
C#正则表达式的使用，希望大家可以学习学习！ [C#] bool IsValidEmail(string strIn) { // Return true if strIn is in valid e-mail format. return Regex.IsMatch(strIn, @"^([\w-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3...
测试之美第六季PPT合集.zip
06-04
360技术嘉年华第六季--测试之美PPT合集 部分主题：360开测视音频技术探索与应用、华为智能化测试方法与实践、手卫商业化测试自动化实现、移动广告算法模型测试探索、机器学习在搜索质量分析中的应用、兼容性测试中...
必知必会正则表达式
05-06
正则表达式（regular expression）就是用一个“字符串”来描述一个特征，然后去验证另一个“字符串”是否符合这个特征。 正则表达式可以用来： （1）验证字符串是否符合指定特征，比如验证是否是合法的邮件地址。 ...
2019互联网面试题第2季脑图.mmap.xmind
12-14
2019互联网面试题第2季脑图.mmap2019互联网面试题第2季脑图.mmap2019互联网面试题第2季脑图.mmap2019互联网面试题第2季脑图.mmap
有史以来我自己写的最复杂的正则表达式!!
学习笔记
12-17 2534
(/w*)/r?(/w*)/r? ([/w]*)? 匹配零次或多次 字母或数字或下划线或汉字 [.]? 和 [/]?[u]?[/]? 匹配零次或者一次". / u /"特定字符 /r? 匹配换行符零次或者一次 混合字符串混合字符串
收集一些复杂有用的正则表达式
weixin_30621711的博客
12-14 262
替换HTML标签:单行, 跨行没有测试过. /<div>(([\s\S])*?)<\/div>/g <div>(([\s\S])*?)<\/div> 替换多行注释 (/\*([^*]|[\r\n]|(\*+([^*/]|[\r\n])))*\*+/)|(//.*) 转载于:https://www.cnblogs.com/tekikes...
正则表示式——6.处理比较复杂的正则表示法
weixin_51995147的博客
08-10 697
1.将正则表达式拆成多行字符串；2.re.VERBOSE 使用Python时，如果想在正则表达式中加上批注，必须配合使用re.VERBOSE参数，然后将此参数放在search()、findall()或compile()；3.关于参数的使用 re.IGNORECASE|re.DOTALL|re.VERBOSE.........
如何教你看懂复杂的正则表达式
walle的博客
06-27 1876
https://www.cnblogs.com/superstar/p/6638970.html
复杂正则表达式规则--总结
u013085247的博客
12-29 454
1：^和$匹配开头和结尾："^A\d{3}$" "A001" 正确 "A999" 正确 "B001" 错误 "A0001" 错误 2：[...]可以匹配范围内的字符："[abc]1" "a1" 正确 "b1" 正确 "c1" 正确 "ab1" 错误 "x1"...
正则表达式学习笔记(一)——使用正则表达式的分析方法
王慧龙的专栏
08-03 958
一、使用正则表达式的分析方法 1、用自然语言来表达和说明你的意图 2、考虑数据源及其可能的内容 3、考虑可以使用的正则表达式选项 4、考虑灵敏度和特殊性 5、创建适当的正则表达式 6、对除了简单的正则表达式之外的正则表达式给予说明 7、使用空白区域保持正则表达式说明的清晰 8、测试正则表达式结果 1、使用自然语言来表达和说明你的意图 在人类设计的任何规划工作中，对需
正则表达式案例分析
weixin_64311421的博客
07-20 197
正则表达式
正则表达式实例大全
夜深人静后的码农
03-17 1428
匹配中文字符的正则表达式： [u4e00-u9fa5]   　　评注：匹配中文还真是个头疼的事，有了这个表达式就好办了 　　匹配双字节字符(包括汉字在内)：[^x00-xff] 　　评注：可以用来计算字符串的长度（一个双字节字符长度计2，ASCII字符计1） 　　匹配空白行的正则表达式：ns*r 　　评注：可以用来删除空白行 　　匹配HTML标记的正则表达式：]
判断金额的正则表达式
Bule_daze的博客
03-20 3491
验证金额条件： 只能由数字和小数点组成 不能为负数 小数点后最多两位 整数部分两位以上时首位不能为 0 let regex = /(^[1-9]([0-9]+)?(\.[0-9]{1,2})?$)|(^(0){1}$)|(^[0-9]\.[0-9]([0-9])?$)/; let priceJudgeResult = regex.test(goodsPrice); // goodsPrice为...
ResearchDevGroup/任务管理/2023/第二季度/T23030写一个验证字符串是否是类似于这种格式的正则表达式java
最新发布
07-13
你可以使用以下的Java正则表达式来验证字符串是否符合类似于 "ResearchDevGroup/任务管理/2023/第二季度/T23030" 这种格式： ```java String regex = "\\w+/[\\u4e00-\\u9fa5\\w]+/\\d{4}/[\\u4e00-\\u9fa5\\w]+/T\\d+"; ``` 这个正则表达式的含义是：首先匹配一个或多个字母、数字或下划线（\\w+），后跟一个斜杠（/）。然后匹配一个或多个中文字符、字母、数字或下划线（[\\u4e00-\\u9fa5\\w]+），再后跟一个斜杠（/）。接下来匹配4位数字（\\d{4}），再跟一个斜杠（/）。然后再匹配一个或多个中文字符、字母、数字或下划线（[\\u4e00-\\u9fa5\\w]+），再后跟一个斜杠（/）。最后匹配一个大写字母T，后跟一个或多个数字（T\\d+）。 你可以使用Java的Pattern和Matcher类来进行验证，例如： ```java String input = "ResearchDevGroup/任务管理/2023/第二季度/T23030"; Pattern pattern = Pattern.compile("\\w+/[\\u4e00-\\u9fa5\\w]+/\\d{4}/[\\u4e00-\\u9fa5\\w]+/T\\d+"); Matcher matcher = pattern.matcher(input); if (matcher.matches()) { System.out.println("字符串匹配成功！"); } else { System.out.println("字符串匹配失败！"); } ``` 以上代码将会输出 "字符串匹配成功！" 如果给定的字符串符合类似于 "ResearchDevGroup/任务管理/2023/第二季度/T23030" 的格式，否则输出 "字符串匹配失败！"。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值