经过两天对JavaScript的学习，基于对第一次超简易的HTML编写的注册页面，进行改编完善，重新写了一个界面，学习到新的知识很快乐，便分享两个注册页面的
源代码给初学者参考学习
（一）HTML的登入界面：
源代码：（利用表格进行放置）
（二）HTML+JS的注册界面：
填写完成后，点击提交，有误系统会进行提示，如下：
图1：
图2：
图3:
源代码：（利用无序列表进行放置）
附带：
正则表达式的实例应用
1.验证用户名和密码：（"^[a-zA-Z]w{5,15}$"）正确格式："[A-Z][a-z]_[0-9]"组成,并且第一个字必须为字母6~16位；
2.验证电话号码：（"^(\d{3,4}-)\d{7,8}$"）正确格式：xxx/xxxx-xxxxxxx/xxxxxxxx；
3.验证手机号码："^1[3|4|5|7|8][0-9]\d{8}$"；
4.验证身份证号（15位或18位数字）："\d{14}[[0-9],0-9xX]"；
5.验证Email地址：("^w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*$")；
6.只能输入由数字和26个英文字母组成的字符串：("^[A-Za-z0-9]+$") ;
7.整数或者小数：^[0-9]+([.][0-9]+){0,1}$
8.只能输入数字："^[0-9]*$"。
9.只能输入n位的数字："^d{n}$"。
10.只能输入至少n位的数字："^d{n,}$"。
11.只能输入m~n位的数字："^d{m,n}$"。
12.只能输入零和非零开头的数字："^(0|[1-9][0-9]*)$"。
13.只能输入有两位小数的正实数："^[0-9]+(.[0-9]{2})?$"。
14.只能输入有1~3位小数的正实数："^[0-9]+(.[0-9]{1,3})?$"。
15.只能输入非零的正整数："^+?[1-9][0-9]*$"。
16.只能输入非零的负整数："^-[1-9][0-9]*$"。
17.只能输入长度为3的字符："^.{3}$"。
18.只能输入由26个英文字母组成的字符串："^[A-Za-z]+$"。
19.只能输入由26个大写英文字母组成的字符串："^[A-Z]+$"。
20.只能输入由26个小写英文字母组成的字符串："^[a-z]+$"。
21.验证是否含有^%&',;=?$"等字符："[%&',;=?$\^]+"。
22.只能输入汉字："^[一-龥]{0,}$"。
另外，加油，冲冲冲！
版权声明：
本文来源网络，所有图片文章版权属于原作者，如有侵权，联系删除。
本文网址：https://www.mushiming.com/mjsbk/11047.html