00:00
我们要学习对象的话啊，主要呢是学习它的方法，这些方法呢，主要有以下几个啊，就是我在笔记中记录的，当然大家也可以通过文档来查找一下啊，就是咱们昨天发的那个。昨天发的那个文档还记得这个吧，啊，他你打开浏览器嘛，就问啊，就叫K吗？咱们现在是动了呀。看得动吧，你点开它，呃，咱们讲的东西的对象在哪？在这个地方啊，这里呢，也会有一些介绍和说明，说它表示整个HTM文档呢，刚才不也是这么说嘛，是吧，可用来访问页面中所有的元素啊，是啊，咱也这么说的，然后再来看这里呢，告诉你这个对象有某什么什么什么集合，对吧？那我们点开第一个看看吧。哎，他说哦，表示对象中所有的元素啊，你点开看一下表示所有元素，然后再看看这个说明，看哪就看这个位置就行了，他说哦，已经被document对象这个接口的标准方法啊，Get BYD，什么by name和by name所取代，说明什么过时。
01:14
能理解吧，那我们其实上面下面学就直接学这几个方法就好了吧，能理解吧，那直奔主题这几个，诶跳很快。那这几个方法在哪呢？就是下面这个方法，看见吧，就那么几个方法就对了。哎，先看第一个get element by ID是什么？是返回对拥有指定ID的第一个对象的引用。记住啊，它只会返回第一个，你要是有多个ID相同，那不好意思，它永远只能查到第一个。所以我们就要求ID不能相同，能理解吗？他通过ID查永远查不到第二个，后面的查不到，只能查到第一个，好，那我们拿它来举个事例啊，这东西他怎么用啊来。
02:00
再建一个目录。好，再整一个文件叫。Get。把ID这个方法。我现在呢，整一个啊叫用户名。好了，咱们后面就加一个验证。哎，验证或者叫验啊。校验是吧，我先运行一下，你稍微看看这个页面，这个页面简单吗？用户名输入框吗？在里面开始输入嘛，啊然后校验干嘛呢？我把这个需求稍微说一下。把这个需求说一下。
03:00
好。哎，那么需求。需求是什么东西呢？就是当用户点击了。姜英。按钮要获取输入。框里的内容。啊，然后验证其是否合法，那需要验证什么内容呢。需要就是印证的规则是。哎。验证的规则是必须用。字母数字下划线组成啊，并且长度是五到12位，这个需求是不是很常见的，网上就是这个样子，这是个非常真实的需求，好，那我们怎么办？这个时候大家想想啊，我们需要干嘛？
04:14
这个需求就在你面前，你怎么做，首先我们是不是点击的时候需要做这个工作，对，所以你要先给这个按钮绑上单击事件能理解吗？因为它是点击的时候才做的嘛，好，那我们来绑定一下。来啊，肯定他上午是不是讲过呀，我现在写个方法让他去做这个工作啊。On click是吧？来，写上on click，好，那这里面要干什么事情呢？大家想想，注意看看人家说是不是要获取输入框里的内容，然后验证是不是合法呀，所以接下来要做的工作就是要得到这个输入框的内容，能理解吧？好，记住一句话，什么东西呢？
05:05
当。我们要操作一个标签的时候，一定要先获取这个标签对象，现在咱们是不是要获取这个输入框的内容，那也就是获这个input的标签了吧？能理解吧？那你不就操作它吗？怎么办？你得先得到它，怎么得到它document.get element BYD。然后给他加个ID，因为他现在没有ID吧，哎，咱们说U，你把这个ID值往这一放。好，咱们说好了，这就得到它了。好，咱们先看看这个对不对啊，跑起来。是不是得到那个输入框对象吧，就他们就一个嘛，是吧，好现在大家请看啊，请看这个对象是什么对象，咱们刚刚呃勒的出来这个东西是什么。
06:14
对，有同学反应过来挺好，记住了啊，他咱们看了好多次了吧，就是对象，它就是动对象，动象咱们刚刚讲完动用来干啥的呀，回忆一下动对象是不是用来记录这些标签的信息的，表示这个标签的吧，你想一想好，既然它表示这个标签，我们说这个属性它是不是应该记录下来对吧，ID属性和type属性它是不是应该记录下来。那我们试试看，它能记录下来吗？Usual name.id他有没有得到这个ID的信息，按照我们刚刚说的嘛，比如说咱们刚刚模拟，比如说我要记录下这个ID，我这里是不是加个ID，我要记录标签名，我是不是有个属性叫标签名，对吧？那你现在我这里面有ID有菜，你是不是也应该给我记录下来看看看有没有看这个值对不对啊。
07:14
我点一下诶。好像是那么回事是吧，哎，ID是那菜是不是呢。哎，如果只是ID式的话，那叫巧合，能理解吗？来，我们再来看。我们点击，诶。这个是不是也是啊，说明看来不一定是巧合的是吧，多个巧合组合起来就是个事实了，那这个时候咱们再想想哈，现在咱们要通过这个对象干嘛，是不是获取这个输入方的内容，那我们就要想想，诶，这个输入方的内容跟哪个属性有关？还记得value吗？我这里写了以后，这个里面就说是有值啦，那他是不是也应该有个值，能记得上这个东西呢？
08:07
点往友好，我现在写好以后啊，我刷新一下，我懂诶是不是可以啊。啊，看来还真行，这就是动力相啊，用来记录这个标框标签的相关信息的，但现在我们获取是什么？是不是获取这个输入框里的内容，你要明白这个输入框点的内容和这个Y6虽然有个对应关系，但是他们不同，为什么我在这里是不是可以输入它的值是会变的，而这个地方的值是不是不会变，那我们就很好奇，这里到底是固定的得到这个值呢，还是它可变的这个值呢？我们点一下哦。有的是可变的这个值，那么咱们要获取这个输入框的内容，这一步是不是达到了好。来定一个变量啊，那咱们说usual name，这是等于usual name OB这一点。
09:02
就这样，那现在接下来咱们要做的时候干啥，你现在是不是要验证这个文本是不是合法呀，怎么验证对，如何验证字符串。符合。符合。某些规则需要使用正则表达式。技术啊，需要用的这个正确表达式的技术，那么我先写一下啊，大家先看看正确表达式什么样子呢？PA等于这个东西看的特别绕。间号W-W莫名其妙是吧？一堆东西啥情况？五逗号12，估摸里应该只能看到五逗号十吧，大家注意这个重力就是什么呢？就是正确表达式，就表示什么意思呢？它就表示字母数字下划线，并且长度是五到12位，大家看懂了应该就五到12。
10:06
别着急，大家记住啊，这是个对象，我们一会再告诉你怎么写啊，一会儿还会说先知道它就表示这个规则，那这个对象它怎么用啊，大家看。衣服。Pat，大家记住它是个对象，那么它有方法的对象是有方法，什么方法？它有一个叫做test的方法。这次方法对测试有同学说的特别好。大家看啊方法。用于测试啊，某个字符串是不是匹配我的规则能理解吧？匹配就返回处码，不匹配就返回，哎呀，什么情况，这么多东西for返回配返false，那么其实我们是不是就可以通过这个方法的结果知道。
11:03
你的字符串是不是合法了，能理解吧，那这个时候你就把用户名这个字符串给它放进来，如果他是错啊，咱们提示一下用户说。用户名。合法。如果是呢，就不合法嘛。俺就不合法。OK，就这样子，我们先试试看啊，看这个东西能不能工作，先好来挤一下，首先咱们现在它有默认的内容，这个内容合法呢。不合法吧，是不是强度不满足要求啊？不合法吧，啊或者说我这写写123这个长度合法了。就不合法了，然后你再瞎加点其他乱七八糟的行吗？这个东西是不合法了，你看又不合法了，说明他已经可以工作了，好这就是咱们第一个，哎，非常常见的应用，但是咱们讲完以后，咱们复盘回顾一下哈，回顾一下什么东西呢？首先这个输入框是理解的吧，这个按钮也OK吧，绑定这个事件是不是咱们刚讲完没问题哈，诶，那这个代码咱们稍微看看这个这个能看懂吧，通过ID获取标签对象没问题是吧？获取。
12:22
它这个输入框对应的文本内容是不是也没问题对吧。这个正确表达式咱们应该不太容易看懂，没错吧，就他不太懂，然后下面这个代码是不是也OK，好，那接下来的内容咱们就讲讲政治的表达式意思他没明白白吗？对吧。
我来说两句