js正则表达式

来源:互联网 发布:informix导出数据库 编辑:程序博客网 时间:2024/06/04 23:24

本周主要学习了正则表达式的用法,并用正则表达式完成了一个js数据验证网页,网页效果图如下:


收获:

  1.初步掌握js函数语法,可以编写一些具有简单功能的函数,并实现嵌套调用。

  2.正则表达式语法:定义一个变量reg来存正则表达式筛选方法,调用reg.test(待匹配数据),当待匹配数据符合正则表达式语法时,reg.test(待匹配数据)将返回true,否则返回false,下面是匹配汉字的实例:

                var date = document.getElementById("input1");var reg = /^[\u4E00-\u9FA5]{2,4}$/;if (reg.test(date.value) != true) {flag = 0;alert("姓名只能为汉字!");date.focus();}
  3.若要实现逐项检查(若正则表达式匹配错误,则终止程序并报错),可设一个全局变量flag = 1,每次匹配错误都会使flag = 0并报错,每个匹配函数调用前先判断flag是否为1,是则继续运行,否则终止程序:

var flag = 1;function submit(){var sub1 = submit1();if (flag) {var sub2 = submit2();}if (flag) {var sub3 = submit3();}if (flag) {var sub4 = submit4();}if (flag) {var sub5 = submit5();}}
  4.js获取id的语法为document.getElementId("id名"),获取name的语法为document.getElementsByName("name名"),两者不同,前者全文档id名唯一。后者可有多个同名,一般用在form中,用于提交数据。其他地方一般用id。

额外收获:

     css: cursor:pointer;使鼠标经过时变成可点击,改变鼠标经过时样式。

        background-color: transparent; 可使block元素背景透明,与父元素背景一致。

原创粉丝点击