js之正则表单验证dom模型

Posted 2021-01-03 java-suwei0809

正则：规则

          语法 var a=/表达式/ 输入的值要包含表达式

               var a1 = new RegExp(‘表达式‘)

               检索 ---表达式.test(输入的值) 返还boolean类型

               正则符号 （对于多个符号进行正则，用（））

               ^ ---输入的值以符号后的字符为第一位

               $ ---以符号前的字符为结尾

               +---- 符号前的字符可以出现多个

               *--- 符号前的字符可以出现任意次数

               ？--- 符号前字符可以出现0次 或者1次

               {n}---符号前字符必须可以出现n次 ，但是要加开始，结尾

               {n,}---符号前字符最少可以出现n次但是要加开始，结尾

               {n,m} --符号前字符最少可以出现n次 最多m次；但是要加开始，结尾

               . ---匹配任意字符 除了/r /n

               | ---或者 （a|b）$ a结尾 b 结尾都行

               [a-z]--- 匹配所有（小写）a到z字符--- var a = /[a-z]/;

               [^a-z]-- 匹配所有不是（小写）a到z字符 ---var a = /[^a-z]/;

               大写字母 [A-Z]  大写-小写 [A-z]

                /^[a-z][0-9][A-Z]&/; ---这种写法 字母数字只能写一个

               数字 [0-9] === /d    /D 表示非数字

               [任意字符] 匹配里面的任意字符的一个

               

          表单验证

               用js，正则对填入的值进行判断

          

          dom模型

               html DOM：html的标准编程接口----定义了所有HTML元素的对象和属性及访问方法

                    dom是关于如何获取、修改、删除、添加HTML元素的标准

               dom节点：

                    获取元素节点：1.document.getElementById 等返节点还对象

                    增加 :创建新元素 createElement  createAttribute（创建属性） createTextNode(创建文本)

                         新增加的节点追加到摸个节点下  （节点：标签、文本） 父节点.appendChild（子节点）

                    新增属性节点 追加到标签中 需要添加属性的标签.setAttributeNode(创建的属性)

                    属性赋值：标签名.setAttribute(属性，值)

                         insertBefore(要插入的标签，想要插入到哪个标签之前的标签对象)

                         需要借助body 因为都要插入在body里

                         替换：replaceChild(你想替换的元素，需要替换掉的元素)

                             

                             复制 1.潜复制

                                      需要复制的元素.cloneNode(false) 最后要追加到需要添加的元素内

                                      只复制标签

                                  2.深复制

                                      需要复制的元素.cloneNode(true) 最后要追加到需要添加的元素内

                                      复制标签及里面的内容

                                  

                    删除：删除由父元素决定

                              父元素.removeChild(需要删除的元素)     

                    修改：修改HTML内容innerText等 css样式  document.getElementById().style.color 等

    DOM总结：增加，删除----是父节点对子节点的操作，（增加有时）需要参照物

            修改，获取----只要知道该元素属性（标签名，class值，id）我就能获取你的所有信息，并可以做修改