实现visualstudio按钮获取手机验证码的方法

实现visualstudio按钮获取手机验证码的方法

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网页获取手机验证码的教程,希望大家喜欢,请继续关注路饭。