VisualStudio网页怎么设计验证用户名和密码的功能?

Visual Studio想要制作一个验证网页中的登录信息的功能,一般网站注册登陆都会有验证,该怎么制作验证功能呢?下面我们就来看看详细的教程。

软件名称:
Visual Studio 2017 正式版 (附离线安装包) 官网简体中文版
软件大小:
15GB
更新时间:
2017-03-14

VisualStudio网页怎么设计验证用户名和密码的功能?_第1张图片

1、首先,定义一个函数LogIn,用来实现用户登录信息的验证。

VisualStudio网页怎么设计验证用户名和密码的功能?_第2张图片

2、接着,定义一个变量uname用该变量获取网页中输入的用户名。

VisualStudio网页怎么设计验证用户名和密码的功能?_第3张图片

3、用if语句判断,用户名是否为空,如果用户名为空则执行if语句内的代码

VisualStudio网页怎么设计验证用户名和密码的功能?_第4张图片

4、如果用户名为空,则在网页中提示重新输入用户名。

VisualStudio网页怎么设计验证用户名和密码的功能?_第5张图片

5、接着,设置用户名的提示为空。

VisualStudio网页怎么设计验证用户名和密码的功能?_第6张图片

6、定义一个变量pword,获取网页中输入的用户密码。

VisualStudio网页怎么设计验证用户名和密码的功能?_第7张图片

7、用if语句判断,密码是否为空,如果为空则执行if语句中的代码。

VisualStudio网页怎么设计验证用户名和密码的功能?_第8张图片

8、如果密码为空,则在网页中提示重新输入密码

VisualStudio网页怎么设计验证用户名和密码的功能?_第9张图片

9、最后,设置密码的提示框为空如下图所示。

VisualStudio网页怎么设计验证用户名和密码的功能?_第10张图片

10、浏览网页,当用户名为空时,单击进入按钮,网页中就会提示重新输入用户名。当密码为空时,单击进入按钮,网页中就会提示重新输入密码。

VisualStudio网页怎么设计验证用户名和密码的功能?_第11张图片

VisualStudio网页怎么设计验证用户名和密码的功能?_第12张图片

以上就是Visual Studio实现验证网页中的登录信息的教程,希望大家喜欢,请继续关注脚本之家。

相关推荐:

visualstudio文档怎么设置格式? vs代码添加格式的教程

visualstudio怎么创建文件夹? vs类视图创建文件夹的教程

VisualStudio Code怎么按文件名搜索? vscode按文件名搜索的教程

你可能感兴趣的:(VisualStudio网页怎么设计验证用户名和密码的功能?)