登录注册----2.前端页面数据验证

前言

前端验证的好处减少对服务器的访问，减少了服务器的负担。前端验证一般采用的是js进行验证。
前端一般验证手机号（邮箱）格式是否正确，手机号（邮箱）是否存在，密码是否为空或大于6位，还有验证码是否正确（这个涉及后端）等等。。。
这里同样不细说，只提些重点
代码请自行下载：https://github.com/songzh96/Provence

注册部分

首先要为按钮添加一个注册事件进行处理

Paste_Image.png

然后在js块中添加这个事件的处理函数

1. 首先判断当前用户点击的是邮箱注册还是手机号注册
2. 然后声明相应的数据
3. 获取对应的数据
4. 判断数据格式是否正确，正确进行下一步，不正确则返回对应的提示信息
5. 进行ajax请求传送到后台处理

Paste_Image.png

Paste_Image.png

Paste_Image.png

Paste_Image.png

Paste_Image.png

登录部分

登录部分处理几乎和注册一样。逻辑比注册还简单。这里我就不细说了，大家可自行查阅代码。代码上我注释的比较详细。
如果你代码也看不懂，那说明你的基础比较薄弱。请自行学习jq，laravel和前端相应的内容。