js之正则、表单验证、dom模型

正则:规则

语法 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)我就能获取你的所有信息,并可以做修改

原文地址:https://www.cnblogs.com/java-suwei0809/p/9568539.html

时间: 2024-11-08 20:16:04

js之正则、表单验证、dom模型的相关文章

关于vue.js element ui 表单验证 this.$refs[formName].validate()的问题

方法使用前需了解: 来自”和“小编的小提示: 首先打印一下this.$refs[formName],检查是否拿到了正确的需要验证的form. 其次在拿到了正确的form后,检查该form上添加的表单验证是否正确,需要注意的点有: 1.使用此方法前检查prop一定必须要写在<el-form-item>上面,写在里面的input上或者其他任何地方都不行(el-form-item prop属性绑定) 2.el-form rules,model属性绑定,ref标识 自定义表单验证的坑: 一.valid

js 常用正则表达式表单验证代码

js 常用正则表达式表单验证代码 js 常用正则表达式表单验证代码,以后大家就可以直接使用了. 正则表达式使用详解 简介 简单的说,正则表达式是一种可以用于模式匹配和替换的强有力的工具.其作用如下:测试字符串的某个模式.例如,可以对一个输入字符串进行测试,看在该字符串是否存在一个电话号码模式或一个信用卡号码模式.这称为数据有效性验证.替换文本.可以在文档中使用一个正则表达式来标识特定文字,然后可以全部将其删除,或者替换为别的文字.根据模式匹配从字符串中提取一个子字符串.可以用来在文本或输入字段中

正则 表单验证

电话号码验证 案例<fieldset> <legend>正则表单验证</legend> <form action method="post" target="_self" onsubmit="return checkform();"> <input name id="telephone" type="text" msg> <input nam

angular js h5关于表单验证的例子

angular js表单验证 <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <script src="angular.min.js"></script> <link rel="stylesheet" href="

JavaScript 正则表单验证(用户名、密码、确认密码、手机号、座机号、身份证号)

1.关于JavaScript表单验证,如果使用双向绑定的前端js框架,会更容易的多.但是博主还是建议大家不要脱离源生js本身.因为源生js才是王道. 注意: a.代码中的错误提示可能会没有,在代码中找到 "错误.jpg"  图片,自己制作一个 b.验证的判断已经完成,只需要根据自己的验证规则进行表单验证,更换自己的正则表达式. c.博主将错误提示图片插入本文档中.需要更名为  "错误.jpg",放到与html根目录下方可使用.      (错误提示图片) <!

js常用正则表达式表单验证代码

方法一: var re=/正则表达式/; re.test($("txtid").val()) 方法二: $("txtid").val.match(/正则表达式/): 附: 验证数字的正则表达式集(转载) 验证数字:^[0-9]*$ 验证n位的数字:^\d{n}$ 验证至少n位数字:^\d{n,}$ 验证m-n位的数字:^\d{m,n}$ 验证零和非零开头的数字:^(0|[1-9][0-9]*)$ 验证有两位小数的正实数:^[0-9]+(.[0-9]{2})?$ 验证

JS字符串的表单验证

window.onload事件会在页面加载完成后触发. 所以在事件之前应该将所有的定义的值默认为null 在.onload事件事件里面将需要找到定义的值的对应的字符串或者数组找到 验证姓名不能为空 讲提示语放到输入框的后面,所以在输入框<input>后面加了个<span>标签用来接收输出的提示语 验证邮箱里面必须包含@和. else后面是当我们的操作达标时,提示语消失 验证密码必须由数字和字母组成 表单验证是一系列的验证,所以应该定义一个函数来接收验证的值,最后返回结果 只有在所有

js正则表单验证汇总,邮箱验证,日期验证,电话号码验证,url验证,信用卡验证,qq验证

本文主要汇总各种正则验证,很多都是转载,本人也会尽可能验证准确性,如有错误欢迎留言 //trim()方法在有些浏览器中不兼容,最好自己重写一下 String.prototype.trim=function(){ return this.replace(/(^\s*)|(\s*$)/g, ""); } //判断输入内容是否为空 function IsNull(){ var str = document.getElementById('str').value.trim(); if(str.

jquery.validate.js之自定义表单验证规则

1 <html> 2 <head> 3 <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> 4 <script type="text/javascript" src="jquery-1.8.3.js"></script> 5 <script type="text/jav

js效果之表单验证

function getLength (str) { return str.replace(/[^\x00-xff]/g,"xx").lenght; } window.onload=function() { //1. 元素选取 var ainput=getElementsByTagName('input'); var oName=ainput[0]; var pwd=ainput[1]; var pwd2=ainput[2]; var ap=getElementsByTagName('