h5表单验证的css和js方法
2024-10-11 17:48:29
1.css3 提示只适用于高级浏览器:
Chrome,Firefox,Safari,IE9+
valid、invalid、required的定义
代码如下:
input:required, input:valid , input:invalid{border:0 none; outline: 0 none; -webkit-box-shadow:none; -moz-box-shadow:none; -ms-box-shadow:none; -o-box-shadow:none; box-shadow: none;}
过去验证表单会通过js和正则去判断填写的内容是否正确,如email的验证。
HTML5的出现为我们提供一些属性,不用编写js和正则即可解决这个检验表单内容。
:required
必须,那input不能为空的意思。
:valid
有效,即当填写的内容符合要求的时候触发。
:invalid
无效,即当填写的内容不符合要求的时候触发。
2.novalidate = novalidate 不提交表单
3.setCustomValidity()设置提示的内容
最新文章
- 解决NTKO Office中文文件名保存到服务器时出现乱码的问题
- 自动化安装SQL Server+SP就那么简单
- [MySQL] 关系型数据库的设计范式 1NF 2NF 3NF BCNF
- VB6.0 调用存储过程
- 老调重弹:对kvo的封装思路
- 【转载】C++中结构体的声明和定义
- brew命令
- iOS 2D绘图详解(Quartz 2D)之路径(点,直线,虚线,曲线,圆弧,椭圆,矩形)
- 使用图片拉伸resizableImageWithCapInsets
- drupal中使用jquery&;ajax
- Python笔记3-20151027
- react 热替换 ([HMR])
- vagrant启动报错The following SSH command responded with a no
- fitnesse - 框架介绍
- web性能优化之---JavaScript中的无阻塞加载性能优化方案
- 401AM 随笔~ 322~330 的总结
- Storm实现实时大数据分析(storm介绍,与Hadoop比较,)
- Git 操作简介
- monkey测试样例
- sparkR介绍及安装