登陆页面理解内容

                               登陆页面理解内容

开发工具与关键技术：Visual Studio 2015 
作者：李仁海
撰写时间：2019.4.3

一、登录按钮
1、登录的html布局样式

登陆页面理解内容
图1
（1）、获取登录按钮ID: $("#btnSubmit")，给click写点击事件
（2）、用var获取登录的用户名的值，自定义属性UserNuber，获取from表单id：fmLogin，
从中获取input标签里面的name="UserNuber"值，同样获取密码、验证码、身份信息或勾选是否记住又或者其他的也是一样写获取值。
图2是获取值的代码图
登陆页面理解内容
图2

2、写一个方法的字符串值不为空：
function 自定义名称strValIsNotNull (返回的值){
返回的值不能为(返回值名称strVal)undefined 或者不能为空(返回值名称strVal)或者不能为空(返回值名称strVal)’’;
3、if 判断他是否填写数据，
strValIsNotNull是自定义属性值：
(strValIsNotNull(用户名称UserNuber) 或者 strValIsNotNull(密码名称password) 或者 strValIsNotNull(验证码名称validCode))
4、在判断里面写加载层，显示登陆时出现的一个能看得见效果图，不至于一点击就跳转到页面看不了网络加载过程的效果图层，这也是人潜意识里的一个过程阶段，layerIndex = layer.load(2);是开启layer加载层的效果代码。
5、post拼写控机器的路径"/Main/UserLogin"，
提交数据参数：
实现代码图：
登陆页面理解内容
图3
6、然后关闭加载层：
layer.close(layerIndex);
7、判断登陆是否登陆成功，success值请求成功后显示消息，登录成功，跳转到主页面，登录成功后用replace不会出现后退按钮：
实现代码：
window.location.replace("/Main/Main");
8、接着就是用userTypeErro判断他输入的用户是否正确，不正确alert返回请选择正确的用户类型，或者其他的也是alert返回的数据是什么什么的不正确，或者XXX的不正确；else是判断时出现失败，或者其他的，但都不是成功的，出现的都是失败或者异常。
9、清空密码和验证码
获取ID$("#password").val给个空的值("");
获取ID $("#validCode").val给个空的值("");
10、验证的码刷新
获取ID $("#validCodeImg").给click点击事件点击刷新;

11、最后也就是第一个判断的数据值返回的值了，alert(“登录信息请填写完整”)也即是说你填写的数据不完整，用户名或者账号、密码、验证码、身份验证的信息填写不完整。
登陆页面理解内容
图4
(注释：这是现在跟老师学习MVC的一个项目的登陆页面视图上的代码)

登陆页面理解内容

相关推荐