37_尚硅谷_大数据JavaWEB_注册功能实现_确认密码的实现.avi原创

啊，我们接下来往后看啊，那么到目前为止呢，我们这个登录这个功能啊，就是登录失败以后啊，就是这个方向的东西呢，研究的差不多了，那接下来我们就围绕着登录成功以后啊，就是这个方向来去研究。对吧，那我们先来看，呃，那么当我们登录成功以后呢，现在我们是怎么做的，大家还记得吗。现在怎么做的，还记不记得？啊，哎哟，呃，这样哈，我看到这个注册页面了，我想到这个问题我们是没解决啊，对吧，确认密码这个还没解决是吧。那行吧，那我们先来解决这个问题吧，啊，这个我们一会就解决了哈，刚想起来哈，忘了好吧，那我们先来解决一下这个问题吧，啊一会再去说那个登录成功啊，就是你在注册的时候，你这个密码这个问题你得帮我解决一下，对吧，你不能说我这个输完密码以后，你这个出问题了是吧？所以说我们需要大家怎么进也要密码的一个确认好，那么这个怎么做呀？

怎么说呢，就是呃，我要保证这两个密码输的是一样的，那么你输完这个密码以后，其实我不用做什么操作，但是呢，我输完确认密码以后呢，我就要做操作了，做什么操作呢，我得去看一看，你两次输入的密码一样不一样吧，对吧？如果一样呢，诶你就什么正常的去提交，如果不一样的话呢，其实我是不希望你去提交的。能明白这个意思吧，能听懂吗？OK，那这个怎么做呀？怎么做呀？啊，是不是当它这个失去焦点以后呢，我是不是要去校验你这个密码是不是一样啊，对不对，OK啊，那我们就一点一点来做吧，啊那么先回到我们这个注册页面哈，啊，我们来来到这个注册页面，先找到我们这个确认密码这个框框啊，然后呢，我也给他去绑定上一个事件，绑定什么事件呢？大家注意在这儿就是Dollar，你看完字写到这个井号位里面了啊Dollar然后谁呢？这个井号我们得有一个sum是吧？那么给它啊，不是它啊，是这个password啊，给它取个ID吧，ID叫什么呀？也叫做password，就是重复密码哈，啊也叫做它，然后呢，把它拷贝一下，我们来放到这，呃，它表什么呀？失不失去焦点啊，它也失去焦点啊，失去焦点以后呢，我们在这里面要做什么事啊，哎，我把这个呢也加上一个ID，就是这个password也加上一个ID啊，那我就要获取到这两个的值了啊，你看。

那就是呃，One password等于什么呀？等于Dollar，然后井号password-va是不是这样的呀，对吧？然后呢，Re password等于井号，哎，Dollar了是吧，Dollar了，然后呢，井号password w v是怎么写的呀，对不对？然后我们来判断什么呀，判断什么呀？If就是这个password不能等于空理解吧，就是你不能不输值。

了解这个意思吧，然后呢，并且呢，呃，Password呢，它不能等于这个空字创，明白这个意思了吧，然后呢，并且呢，就是这个password呢，必须要等于等于password是不是可以了，明白了吗？哎，这样的话就说明你是正常的，正常的话呢，那我就可以让你提交的，那么我们主要是判断什么呀。判断不正常吧，对吧，那么正常了的话呢，我就呃怎么着呢，我就给他做个提示吧，在这个password后面做一个提示哈，那么也写一个SPA吧，然后呢，给上个ID就是这个啊pass这个SPA吧，可以吧，来CTRLC，那我就提示他一下了哈，那就是井号啊不对啊，Dollar井号，然后呢，把这个写到这点HTM有告诉他什么呀。

告诉他什么呀？哎，就是这个，呃，密码一致是吧？啊简单写一下来哈，密码一致，那么else呢，就是什么呀？哎，密码不一致，CTRLC啊，这是我们的这个密码不一致啊，密码不一致明白了吗？OK，好，那么这样的话我们来看看哈，这个效果有没有来回到这个地方我们来说一下啊，我们先把这个数123456啊，你看这个是没有任何效果的哈，但是123456，我也输了个123456，你看是密码一致啊，待会输个789，哎，密码不一致。看到这个效果了吧，那如果说我都不输呢，你看我都不输的情况下来走一下，你看是不是也是密码不一致啊，对吧，它就不允许你这个输空的，看到了吗？哎，不允许你输这个空的啊，但现在呢，我们还有一个这个小bug就是什么呀，你看了啊，123123密码一致，但是我是敲了三个空格的。

这是敲了三个空格，这也是一个小bug，所以这个我们也正常的话，也需要去处理的，明白吧？啊但是呢，你知道就行了啊，我也就不再写的那么完美了，因为我毕竟也不是做这个的啊，你知道有这个东西就行了啊啊那么这个效果是有了，但你说它有用吗？我该提交是不是还能提交啊，对不对，你看了啊啊，我写个密你看看啊，写个密写个他吧，已存在请更换是不是啊，我写个密码123456正常的哈，123456 123456来他都告诉我，你看密码一致已存在情况话，就是都不对的吧，我还能提交。就说相当于你判断那个没用，就是相当于只是给人家一个提示，并没有限制住它对不对，所以说我们必须得把它限制住，怎么去限制它呢？就是你在提交之前，就是你在这个注册之前，一定得看一下这个值能不能用，明白这个意思吧，OK，那怎么做呢？我们就简单实现了啊怎么实现呢？我在注意，我在我的注意就在这个位置，就是在我们这个这块这个什么代码框里面啊，我就定一个，然后叫什么呀，叫做user name，呃，Flag等于false，然后呢，Run，然后呢，我们的这个，呃，Password flag等于什么呀？啊，False是不是下面是两个变量啊对吧，然后注意当你这个username它是什么呀？哎哟，这个地方我们得做一个简单的判断了，是不是啊，我怎么知道它能不能用呢？

不愿意，哎呀，这个还得重构一下，因为你这个值是没办法去判断的是吧，要不就写死吧，写死倒是也行啊，就是我给他回去了一个什么东西啊，就是用户名已存在是不是或者是一个什么呀，不是它是这个啊，我给他搞回去的是一个用户名可以使用或者是什么呀，已存在请更换好吧，来，我把这个标点符号也去掉吧，我们就简单一点，我回去的这两个值啊，那我就判断吧，用户名可以使用CTRC啊好，正常的话大家注意你就呃在这个地方呢，给它返回一个什么呀，这样啊，我写的稍微重过一下吧哈，呃，如果说你是一个可用的话呢，我就不写它了吧，我写个啥呀，我写个message等于可用，那就是个零吧。

好吧，如果不可用的，我就给你个一吧，能看懂吗？哎，把这个改一下，改一下以后呢，这个地方我们就要对应的去改了哈，就是待下回来以后，你不能直接去显示了，而是要判断，如果说我的得塔等于等于什么呀，零或得是一啊，这个的话你可以，呃，我看一下啊，那就等于等于零，我看看这么写行不行哈，零是什么来着。

可可用吧，可用的话，那这里面我就写个啥呀，用户名可用是不是写了可以啊使用啊，那else呢，就是什么呀，不可以使用了吧，对不对，那就什么用户名不可以使用好吧，就这么简单一点了哈，先看下这个效果还有没有啊呃，那改了代码了，我们得重新部署一下，这样的话我们判断起来会好判断一点，刚才那个直接写文字的那个不好判断啊，零跟一是不是相对来说好判断一点啊，对吧，OK啊来吧，Just b。先输个有的me不可以使用，看到了吧，输个没的呢，还不可以使用啊，那这个判断就出问题了啊，怎么出问题了呢？我看看哈，呃，贝塔等于等于零，哎哟，这个不行了，呃。

直接写他直接写它是可以的哈，来我先试一下，我再来给你解释哈的命不可以使用，可以使用，这样是不是可以了，对吧？啊，这个地方为什么不能写那个零了呢？因为它这个data它会处理，你知道吧啊，它这个地方它会自己去做一个处理啊，就是这个呃，数据这个类型呢，它可能会做那个转换哈，所以这个地方的话，我们得直接通过这个零跟一来判断，虽然说我后面给你写回来的是个啥呀，写回来的是个这个啊，字母串的零或者字母串的一啊，但是呢，这个位置我们判断的时候呢，需要通过这个数字这种方式来判断啊，这个大家注意一下就行了啊，那么这样我能判断了以后呢，我就可以做什么事了，你看了哈，当然如果说你是可以使用的，那我就把这个username flag呢，给它改成一个true了，就是相当于做了个标记，你能用了，理解吧，同样的道理，下面这个也是，如果说密码是一致的，那我也在给你做个标记，就是上面的这个password flag。

是不是等于数啊，哎，我也给你做了一个标记，这样的话呢，他也就。能用了，那么最终呢，你看了哈，就相当于我都做了一个标记啊，都做了一个标记，什么标记呢？诶都是处了，都能用了，那么我们再去点这个提交的时候，这个submit再去提交的时候，大家注意了哈，它也得绑定事件。或者说呢，这个地方我们就可以怎么写了呢？你看了啊，呃，我不用绑定事件也行，在这个form上面呢，我们可以写一个什么呀，On submit事件我就直接写到这吧，简单一点是什么意思啊，就是当你去点击这个submit的时候，它会去触发这个事件，那么这里面的话我就干什么事件啊，我就呃，Check我们的这个submit吧，是看看你能不能提交吗？能理解吧，诶看一下你能不能提交，那我就再去写一个方法，哎哟，这还不行，你知道吧，你写到这里面了是吧，那我们就不在这写吧，还是写到这里面能理解吧，那就是到了谁呀，是不是当前我这个form表单了啊，那这个form表单因为只有一个form，你就直接写成什么呀，Dollar form就是我们的元素选择器，明白如果你加上井号的话，代表的就是一个ID选择器，但是现在我们是没有加。

ID嘛啊，你可以直接写个范围没问题啊，或者说你也给他加个ID，它点什么呀，Submit你这么来写这样的话呢，我是不是就可以用到我那两个值了，对不对？好首先进来以后呢，你一定要注意注意什么呀。注意什么呀？就是去判断，如果说叫做什么来着，Username flag，并且password和flag，如果这个是true，那我就注意这个地方，我就成一个true，它就能提交了，那么如果是它们两个不是处的话呢，那我就return一个false。

能听懂这个意思吗？能看懂吧，那么这个代码呢，我又可以重构成什么东西啊？啊。注释一下我用重过程什么呀，重构程直接user name flag并且password flag能看懂吗？OK，好，那么这样的话我们再来试一试哈，能不能管得住它哈，来测试一下吧，走一下先写个me，这是不可以使用的吧，然后呢，密码呢，我写对1234，然后这个也是1234，你看密码是一致的吧，我点点啊注册诶你看有用吗？我就这点了哈，不提交吧，哎，那我把它改对了的ddd啊，你看可以使用了吧，来注册你看是不就行了，对吧？诶这个效果就有了啊好吧，那么这就是我们去解决了一下这个用户名啊，这个用户密码跟这个确认密码这样的一个什么操作，OK啊。