Web前端 | 注册表单验证

  • Web前端 | 注册表单验证已关闭评论
  • A+
所属分类:Web Program

注册格式要求:

页面中所有项均为必填项

登录账号:只能是数字或字母且以字母开头

密码:大于8位且需要有字母和数字之外的字符

姓名:格式为2-4个汉字

出生年月日:格式为yyyy-mm-dd 【eg:1998-02-17】

邮编:正确的6位数字邮编

E-mail:基本格式

Html程序代码如下(页面程序,封装在index.html中):

Html代码文件如下(跳转页面代码):

Css代码文件如下(封装在css.css文件中):

Javascript代码文件如下(实现表单验证的功能程序,封装在js.js文件中):

通过以上四个文件即可实现一个简单的注册表单验证的功能(本程序中的time.jpg文件在《Web前段编程基础——编写简易计算器》博文 中的time.jpg相同,在此不再上传。)

运行页面如下,并可实现验证功能: