js登入框验证:比如手机号验证,随机验证码等

599 阅读1分钟
一般情况下,我们使用 JavaScript 脚本语言可以在客户端对用户输入的内容进行验证。例如,在用户注册信息登入页面时,要求客户输入用户名,验证密码,以及确定密码,是否输入正确等等


第一部分:用css写了个基本样式,原生态的表单很丑,还可以根据需求来添加自己想要的样式

代码如下:

第二部分:html ,这里写了登入框的基本样式,我这里用 空格符&nbsp 将表单做了个调整,未调整的表单很丑很丑,页面也会乱七八糟的;还可以根据自己的需求添加其他内容:

代码如下:


第三部分:javascript,这里难点大概是随机验证码:需要先设置一个随机验证库,再从库里面随机调取大写小写数字验证码;另外就是手机号码的正则怎么设置了,比如手机号第一位是1,第二位是3~9,第三位 。。。。。





效果图如下: