问题描述

手机号直接登录账号的优势：

利用手机号直接登录账号在现有的app、微信小程序以及各大网址上都比较常见。利用手机号直接登录账号它省略的用户密码这一环节，直接采用验证码的形式进行用户身份验证，在一定程度上解决了因为用户个人原因造成的密码遗忘、丢失等情况，且对于用户个人的身份信息验证更为严格，更有利于保护用户账号安全。此外，利用手机号直接登录账号还可以满足产品的特殊需求。比如一些公司企业会事先给一些客户创建账号。这些客户来到平台时，直接输入验证码就可以进入使用了，而不需要补充密码，方便了用户登录。

解决方法

本次的实现效果如下图2.1：

图1 实现效果

从图1的效果中，我们可以看出。我们至少需要对是否输入的是有效的手机号，输入的验证码正确与否进行验证。

实现步骤：①创建相应的文件，并在HTML5中引入；②利用HTML5代码对页面框架进行搭建；③利用css对样式进行调整；④利用JavaScript对验证码进行初始化；⑤判断是否输入的是有效的手机号；⑥判断输入的验证码是否正确；