购物商城系统设计与实现总结_注册功能的实现

用户点击注册按钮会跳转注册界面,按照系统提示要求,填写用户名、密码和一些非必填的个人信息以及验证码后,点击注册按钮即可进行注册。各输入框中会有输入提示,并且输入框在失焦时就会立即进行判断填写内容是否符合提示要求。在输入不符合要求时,有错误的对应输入框下会显示红色提示信息,当输入修改正确后信息会自动隐藏。

购物商城系统设计与实现总结_注册功能的实现_第1张图片

 






 注册界面的用户名,密码等输入信息的格式是否符合系统规定要求,是通过对应的正则表达式来判断的。如果信息有误,会在对应输入框下显示红色提示文字,提示用户修改。在点击注册按钮进行注册时,系统会先判断所填信息是否符合要求,都无误后才会提交。

注册页提供的验证码是基于Math.random()*n随机生成数字,利用Ascii码生成数字和字母,`rgb(${num1},${num2},${num3})`随机生成字体和背景颜色,在点击、刷新、输入错误时都会自动更新。

你可能感兴趣的:(vue,vue.js,javascript)