前端全套视频HTML+CSS+JS+jQuery笔记(八)

3.17 js操作form元素

多选框:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
下拉框:
在这里插入图片描述
selected属性是option的
在这里插入图片描述

3.18 Form表单验证

验证码设计:
在这里插入图片描述
在这里插入图片描述
一加载页面,有验证码。当点击验证码时,验证码会变换
在这里插入图片描述
加背景图片,行内元素空格。
校验步骤:
在这里插入图片描述
注释先行,填充代码,思路清晰;
在这里插入图片描述
用户名在2到4个汉字
在input框后的span中显示,设置内容与样式
触发事件:input框失去焦点
在这里插入图片描述
在这里插入图片描述
验证密码:
在这里插入图片描述
在这里插入图片描述
封装
在这里插入图片描述
alt:固有属性,不会显示,可用于备注
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
为了保证写了“确认密码”,再去修改“密码设置”的input框内容时,“确认密码”框会再次校验——要在“密码设置”的方法中添加checkPwd2方法
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
表单验证是否提交
方法一:阻断
在这里插入图片描述
在这里插入图片描述
每个校验的方法,return true或者false
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值