js表单数据效验

目录

列:使用js完成注册表单数据的效验

列:优化表单效验


列:使用js完成注册表单数据的效验

操作:当点击注册按钮时,完成表单效验

实现步骤:

  • 第一步:确定事件(onsubmit)并为其绑定一个函数
  • 第二步:书写这个函数(获取用户输入的数据<获取数据时需要在指定位置定义一个 id>)
  • 第三步:对用户输入的数据进行判断
  • 第四步:数据合法(让表单提交)
  • 第五步:数据非法(给出错误提示信息,不让表单提交)

JavaScript代码

		

html代码:

		
会员注册    USER REGISTER
用户名
密码
确认密码
Emaile
姓名
性别
出生日期
验证码

html图

js表单数据效验_第1张图片

列:优化表单效验

html代码

会员注册    USER REGISTER
用户名
密码
确认密码
Emaile
姓名
性别
出生日期
验证码

JavaScript代码

结果:

js表单数据效验_第2张图片

 

 

 

 

 

 

 

 

 

 

 

你可能感兴趣的:(04,javascript)