今天找了github上的开源小项目做练习,对此进行总结和记录。
下面是表单的样式,校验各项是否为空,校验输入位数,校验email格式,校验两次输入密码是否相同。

下面是错误的提示:


值得注意的是,需要首先判断是否为空,在此基础上再去判断是否符合设置规则。
css:root选择器表示<html>元素,除了优先级更高之外,与html选择器相同。
e.preventDefault:阻止元素发生默认的行为。
querySelector:取第一个元素;charAt:取字符,如life.charAt(0)为"l"。
slice(1):表示从第二个位置取一段字符串。input的password类型有意想不到的效果。
这部分的学习先记录这么多~~
分享了在GitHub上实践的一个开源项目,涉及前端表单验证,包括空值检查、位数限制、邮箱格式验证及密码一致性。学习了CSS选择器、JavaScript方法和HTML特性,如使用e.preventDefault()和querySelector()。

399

被折叠的 条评论
为什么被折叠?



