表单的设计与验证。要求:设计一个表单,1、添加表单元素;2、使用CSS设计表单样式;3、使用JavaScript添加代码,验证用户名、密码等输入是否符合要求。
举一反三
- 设计一个包含用户名、密码、重复密码、年龄等栏目的表单,并对输入的密码和重复密码进行一致性验证和保证输入的年龄是数字进行验证。
- 设计用户登录表单时,输入用户名的文本框需使用的属性值是____
- 设计表单时,要求用户名按照正则表达式规则填写,应使用新增的____属性
- 制作百度注册页面,使用jQuery验证用户名、密码等表单数据的有效性,要求如下:(1)光标离开文本框时,验证数据的合法性,如果不符合要求则给出提示。(2)提交表单时使用submit()方法验证数据的合法性,根据验证函数的返回值是true或false来决定是否提交表单。(3)用户名不能为空,长度4-12个字符,并且用户名只能由字母、数字和下划线组成。(4)密码长度为6-12个字符,两次输入的密码必须一致。(5)必须选择性别。(6)电子邮件地址不能为空,并且不惜包含“@”和“.”。(7)验证提示信息显示在对应表单元素的后面。例如,若用户名中包含非法字符,则在文本框后进行提示。[img=656x391]17e0ce39505a957.png[/img][img=16x16]17e0c3d5296a11e.gif[/img]验证百度注册页面.rar
- 在HTML表单中,使用input标签添加表单元素,通过哪个属性确定添加什么类型的元素。