html登录注册的正则,怎么用html5编写用户注册验证程序

满意答案

1

第一步:用户注册界面制作在制作用户界面的时候我们得考虑需要哪些元素,一般情况下我们可能只要3种元素:账号(user)、密码(password)还有用来取回密码的邮箱(email)或其它认证。

2

第二步:添加字段提示使用html5提供的placeholder属性来为表单添加提示信息.如:

给用户名添加提示信息:

给密码添加提示信息:

3

第三步:为必填字段添加required属性如:给用户名添加必填:

添加required属性的字段如果在提交过程中没有填写 就会弹出提示.

4

第四步:给字段添加验证规制

可以用html5的pattern属性来给要验证的字段添加正则表达式来验字段

1:用户名验证规则 : 用户名长度为3~12并且由字母组成

pattern="[A-z]{3,12}"

2:密码验证规则 : 密码必须是数组与字母组合

pattern="[A-Za-z].*[0-9]|[0-9].*[A-Za-z]"

00分享举报