一、正则表达式：用单个字符串描述或者匹配符合特定语句规则的字符串

　　一些字符序列组合在一起，可以简单也可以复杂模式的，可以去搜索，可以去替换

二、语法：

　　/表达式/修饰符(可选)
　

　var para=/icq/I; //不区分大小写

　　使用search( )，replace( ) 去和正则表达式结合使用。

    var str="I'm a Hacker";

    var n=str.search(/hacker/i); //匹配的字符串的索引值
<!DOCTYPE html>

<html>

<head>

    <title></title>

</head>

<body>

    <p>替换“icq”为“pentest”：</p>

    <button onclick="myFunction()">点我</button>

    <p id="demo">Visit icq</p>

    <script type="text/javascript">

        function myFunction(){

            var str = document.getElementById('demo').innerHTML;

            var txt = str.replace(/icq/i,"pentest");

            document.getElementById("demo").innerHTML = txt

        }

    </script>

</body>

</html>

　　

　　修饰符：I 忽略大小写 g 全局匹配 m 多行匹配
三、正则表达式中常用的模式
　　　　[abc] 匹配其中任意一个字符
　　　　[0-9] 匹配0到9任意一个数字

<meta charset="utf-8">

<script type="text/javascript">

    var str="icq4de&_dDe";

    var n=str.search(/[0-9]/);

    document.write(n);

</script>

　　　　(x|y) 查找任意 | 分割的选项
　　元字符（有特殊含义的字符）：
　　　　\d 数字
　　　　\s 空白字符
　　　　\b 匹配单词边界
　　　　\u XXXX 后跟十六进制 unicode字符
　　量词：
　　　　n+ 至少匹配一个n
　　　　n* 匹配 0 个或多个 n
　　　　n? 匹配 0 个或只 1 个 n

var pa=new RegExp();

　　　　该对象定义了属性和方法的的正则表达式

  • test() 它是正则表达式的方法 var para="/test/i";para.test(完整的原始的字符)

　　　　检测字符中是否有我们想要的结果，如果找到，返回true。test和 new结合使用

<meta charset="utf-8">

<script type="text/javascript">

　　var str="icq4de&_dDe";

　　var n=str.search(/[0-9]/);

　　var pa=new RegExp("o"); //实例化的过程、new对象

　　document.write(pa.test("test 0 pentesto")); //在pentesto 中找 o

</script>
  • exec()该函数返回一个数组，其中存放匹配的结果(第一个)
<meta charset="utf-8">

<script type="text/javascript">

    var str="icq4de&_dDe";

    var n=str.search(/[0-9]/);

    var pa=new RegExp("o"); //实例化的过程、new对象

document.write(pa.exec("test o pentesto")[0]); //在pentesto 中找 o

</script>

四、JS错误处理

　　1、语法：

　　　　try{
　　　　//异常的抛出，可能要出问题的代码，写在这里
　　　　　　}catch(e){ //抛出异常对象的名字 e.message 这是具体的异常信息
　　　　//异常的处理，针对抛出的问题，需要怎么处理，对应的代码写在这里
　　　　　　}finally{
　　　　//结束之后的处理，不管是否异常，或者异常怎么处理，都要执行
　　　　　　}
　　　　throw 语句允许我们自定义错误， throw + 自定义的异常信息
　　　　　　注意：catch(e){}中的e就是用户自定义的错误，不需要使用e.message

    <meta charset="utf-8">

    <script type="text/javascript">

        var txt="";

        function message() {

            try{

                adddlert("welcome!!");

            }

            catch(error){

                txt="有错误。\n\n";

                txt+="描述："+error.message+"\n\n";

                txt+="点击确定。\n\n";

                alert(txt);

            }

        }

    </script>

    <input type="button" name="bu" value="点我" onclick="message()">

　　

五、操作表单

　　1、获取输入框中的数据发送给另一个页面

<!DOCTYPE html>

<html>

<head>

  <title></title>

  <meta charset="utf-8">

  <script type="text/javascript">

    function check_from() {

      var date=document.forms["myform"]["myname"].value;

    //获取名称为myform的表单，然后操作名称为myname的输入框

      if (date==null||date=="") {

        alert("请输入名字！");

        return false;

      }

    }

  </script>

</head>

<body>

  <form name="myform" action="deal.php" method="post" onsubmit="return check_from()">

    姓名：<input type="text" name="myname" >

    <input type="submit" value="提交">

  </form>

</body>

</html>

　　发送到：deal.php

<?php

echo "<meta charset='utf-8'>";

echo "你的名字：".$_POST["myname"];

?>

　　2、获取输入框中的邮箱，发送到另一个页面

<!DOCTYPE html>

<html>

<head>

    <title></title>

    <meta charset="utf-8">

    <script type="text/javascript">

        function checkform(argument) {

            var x=document.forms["myform"]["email"].value;

            var index_k=x.indexOf("@");

            var index_o=x.indexOf(".");

            if (index_k<1||index_o<index_k+2||index_o+2>=x.length) {

                //@符号前面必须要有内容--->index("@")>=1

                //.后面必须要有内容---->index(".")+1<=x的总长度

                //index(".")-index("@")>=1

                alert("Email格式不合法");

                return false;

            }

        }

    </script>

</head>

<body>

<form name="myform" action="test.php" method="post" onsubmit="return checkform()">

    邮箱：<input type="text" name="email">

    <input type="submit" name="提交">

</form>

</body>

</html>

　　发送到test.php

<?php

echo "邮箱：".$_POST["email"]

?>

JavaScript正则、错误处理、操作表单的更多相关文章

  1. Javascript学习笔记四——操作表单

    Javascript学习笔记 大多网页比如腾讯,百度云之类的需要登陆,用户输入账号密码就可以登陆,那么浏览器是如何获取用户的输入的呢?今天就记录一下操作表单. 操作表单与操作DOM是差不多的,表单本身 ...

  2. （转载）使用JavaScript操作表单

    (转载)http://www.blogjava.net/junglesong/archive/2008/03/02/183263.html 使用JavaScript操作表单 获取表单的引用 在开始对表 ...

  3. 我也谈javascript正则匹配

    一.javascript 正则全局匹配 g 慎用test()方法 来个例子: var a = /^[a-z]+/gi; a.test('bb123'); //true a.lastIndex ; // ...

  4. JQuery：各种操作表单元素方法小结

    来源:http://www.ido321.com/1220.html 表单元素无处不在,已然成了Web应用不可或缺的一个部分.对表单最最最常见的操作就是获取表单元素的值或者更改表单元素的值.那在JQu ...

  5. 《JAVASCRIPT高级程序设计》表单基础知识和文本框脚本

    在HTML中,表单是由<form>元素来表示,在javascript中,表单对应的是HTMLFormElement类型,它具有一些独有的属性和方法: 一.表单基础知识 1.取得表单的方式 ...

  6. 前端 ----jQuery操作表单

    05-使用jQuery操作input的value值   表单控件是我们的重中之重,因为一旦牵扯到数据交互,离不开form表单的使用,比如用户的注册登录功能等 那么通过上节知识点我们了解到,我们在使用j ...

  7. Javascript中的Form表单知识点总结

    Javascript中的Form表单知识点总结 在HTML中,表单是由form元素来表示的,但是在javascript中,表单则由HTMLFormElement类型,此元素继承了HTMLElement ...

  8. JavaScript正则式入门

    正则式 正则表达式,又称规则表达式.(英语:Regular Expression,在代码中常简写为regex.regexp或RE),计算机科学的一个概念.正则表通常被用来检索.替换那些符合某个模式(规 ...

  9. JavaScript 正则

    元字符 预定义类 边界 ^在中括号中时,匹配非hello的 str = 'hello world' str.match(/[^hello]/g) //[" ", "w&q ...

随机推荐

  1. js用正则表达式查找中文

    var content = "awfjawf测试wfewef"; var ret = /\p{Unified_Ideograph}+/u.exec(content);

  2. Python编程无师自通PDF高清完整版免费下载|百度网盘

    百度网盘:Python编程无师自通PDF高清完整版免费下载 提取码:cx73 内容介绍 畅销Python编程类入门书,美国亚马逊Kindle编程类排行榜榜一. 作者从文科毕业,通过自学编程转行为专业程 ...

  3. C#使用Halcon连接相机

    (注意:一个相机不能两个软件同时使用在使用vs的时候把halcon关掉,用halcon的时候把vs的关掉切记*一个大坑* 在vs中调用的代码的时候要是用多线程才能显示出来图像不然则录像显示不出来) 1 ...

  4. 1.pandas打开和读取文件

    最近在公司在弄数据分析相关的项目,数据分析就免不了要先对数据进行处理,也就自然避不开关于excel文档的初始化操作了. 一段时间之后,发现pandas更加符合我的项目要求,所以,将一些常规操作记录下来 ...

  5. Shell变量的作用域：Shell全局变量、环境变量和局部变量

    Shell 变量的作用域(Scope),就是 Shell 变量的有效范围(可以使用的范围). 在不同的作用域中,同名的变量不会相互干涉,就好像 A 班有个叫小明的同学,B 班也有个叫小明的同学,虽然他 ...

  6. python xpath的基本用法

    XPath是一种在XML文档中查找信息的语言,使用路径表达式在XML文档中进行导航.学习XPath需要对XML和HTML有基本的了解. 在XPath中,有七种类型的节点:文档(根)节点.元素.属性.文 ...

  7. Day09_商品管理

    学于黑马和传智播客联合做的教学项目 感谢 黑马官网 传智播客官网 微信搜索"艺术行者",关注并回复关键词"乐优商城"获取视频和教程资料! b站在线视频 0.学习 ...

  8. IT运维面试问题总结

    IT运维面试总结如下,后期更新于:https://www.yuque.com/docs/share/d3dd1e8e-6828-4da7-9e30-6a4f45c6fa8e. 欢迎基于学习.交流目的的 ...

  9. 记一次mysql关于limit和orderby的优化

    针对于大数据量查询,我们一般使用分页查询,查询出对应页的数据即可,这会大大加快查询的效率: 在排序和分页同时进行时,我们一定要注意效率问题,例如: select a.* from table1 a i ...

  10. python小题目汇总

    1.编程计算两个日期之间的天数与周数 Python时间处理---dateutil模块: dateutil模块主要有两个函数,parser和rrule. 其中parser是根据字符串解析成datetim ...