卡饭网 > 其他 > 正文

VisualStudio网页怎么实现按钮获取手机验证码?

来源:本站整理 作者:梦在深巷 时间:2018-05-08 16:51:01

Visual Studio用户注册页面需向所注册手机发送验证码,然后通过验证后才能注册,该怎么实现手机验证的功能呢?下面我们就来看看详细的教程。

VisualStudio网页怎么实现按钮获取手机验证码?

1、首先,要制作一个手机号的输入文本框,用div标签插入输入手机号的文本框格式设置

VisualStudio网页怎么实现按钮获取手机验证码?

2、接着,在网页中插入手机号输入文本框,如下图所示。

VisualStudio网页怎么实现按钮获取手机验证码?

3、然后,在网页中用div标签,设置发送手机验证码按钮的格式布局

VisualStudio网页怎么实现按钮获取手机验证码?

4、用type属性设置类型为button,即类型为按钮。

VisualStudio网页怎么实现按钮获取手机验证码?

5、设置按钮的值为发送手机验证码,即按钮显示的名称为发送手机验证码

VisualStudio网页怎么实现按钮获取手机验证码?

6、设置按下按钮后,执行的操作为sendyanzm()函数,通过此函数向手机发送验证码。

VisualStudio网页怎么实现按钮获取手机验证码?

7、设置按钮显示文本的字号为20号,在style中设置。

VisualStudio网页怎么实现按钮获取手机验证码?

8、按钮的单行高度,设置为33像素。

VisualStudio网页怎么实现按钮获取手机验证码?

9、最后,用font属性设置字体,标识符为yanzm。

VisualStudio网页怎么实现按钮获取手机验证码?

10、运行程序,在网页中成功插入发送手机验证码按钮,输入手机号后,单击发送手机验证码按钮,就可以向该手机发送验证码了

VisualStudio网页怎么实现按钮获取手机验证码?

VisualStudio网页怎么实现按钮获取手机验证码?

以上就是VisualStudio2015网页获取手机验证码的教程,希望大家喜欢,请继续关注我们。

相关推荐