html5伪类触发机制,HTML5表单验证

validity属性

表单元素对象具有此属性,返回值是一个ValidityState对象。

ValidityState对象的名称是合成词,如有两个单词构成:

(1).validity:翻译成汉语具有"验证"的意思。

(2).state:翻译成汉语具有"状态"的意思。

顾名思义,此对象包含有表单元素与验证状态相关的信息。

当文本框内容为空的时候,点击提交按钮会弹出一个验证失败提示。

此时ValidityState对象包含了相关信息,截图如下:

e5bad201ebc17775b7b0d8888bbb87b8.png

aae30384de2f7eb891a144a8a035f904.png转存失败重新上传取消e5bad201ebc17775b7b0d8888bbb87b8.png

此对象具有多个属性,属性值代表着当前表单元素的相关验证状态。

相关属性说明如下:

(1).badInput:标识当前输入是否是无效输入,比如number控件,输入的却是字符串,true表示无效输入。

(2).customError :标识当前是否是自定义验证错误信息,true表示是。

(3).patternMismatch:标识输入内容是否与pattern规定的规则匹配,true表示是。

(4).rangeOverflow:标识输入的数值是否超过max属性限制,true表示超过。

(5).rangeUnderflow:标识输入的数值是否小于min属性限制,true表示小于。

(6).stepMismatch:标识输入的数值是否符合step属性限制,true表示不符合。

(7).tooLong:标识输入的字符串长度是否超过maxlength属性限制,true表示超过。

(8).tooShort:标识输入的字符串长度是否小于minlength属性限制,true表示小于。

(9).typeMismatch:标识输入的内容是否格式不符合规定,不符合url或者email等限制,true表示不符合。

(10).valid:标识当前表单输入是否完全符合要求,true表示满足。

(11).valueMissing :标识当前表单元素未满足required要求,true表示未满足。

特别说明:只要有一个地方不满足验证条件,valid属性值就为false。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/505496.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

计算机管理中看不到本地用户,win7系统计算机管理中没有本地用户和组的解决方法...

很多小伙伴都遇到过win7系统计算机管理中没有本地用户和组的困惑吧,一些朋友看过网上零散的win7系统计算机管理中没有本地用户和组的处理方法,并没有完完全全明白win7系统计算机管理中没有本地用户和组是如何解决的,今天小编准备了简单的解决…

html编程入门指南,给萌新HTML5 入门指南

本文由葡萄城技术团队原创并首发转载请注明出处:葡萄城官网,葡萄城为开发者提供专业的开发工具、解决方案和服务,赋能开发者。HTML5的发展改变了互联网技术趋势,前端热度依旧不减,所以对于应用开发人员前端技术也成了必…

税务大厅计算机网络安全与管理,峡江县税务局多措并举加强网络安全和保密管理...

在2019年国家网络安全宣传周期间,峡江县税务局紧紧围绕“网络安全为人民,网络安全靠人民”主题扎实开展网络安全宣传活动,多点着力,多措并举,编织网络安全保障网,加强保密教育管理,确保信息网络…

计算机知识太多了,计算机基础知识对程序员来说有多重要?

原标题:计算机基础知识对程序员来说有多重要?科班和培训生同比于自学者的优势就在于这些计算机专业的核心课程(数据结构与算法这种不管科班培训都要学的不算):离散数学、编译原理、计算机组成原理、操作与系统——乃至图形学和数字图像处理。…

html未点击背景 点击背景,在AngularJs中点击状态如何改变背景色

下面我就为大家分享一篇AngularJs点击状态值改变背景色的实例,具有很好的参考价值,希望对大家有所帮助。实例如下://更改边框颜色的代码 $("#shname").css({"border":"1px solid red"});//排序有时候下标会错乱…

计算机应用考试其一级属于中级,计算机软件水平考试可以直接考中级吗?

原标题:计算机软件水平考试可以直接考中级吗?【http://jsj.kaoshib.com/rjsp/bkzn/76322.html】计算机软件水平考试呢,是对计算机与软件专业技术人员的一个职业资格、专业资格认定的一种考试,在某种程度上,计算机软件水…

计算机网络中ping命令的使用方法,ping命令的基础使用技巧

在电脑基础操作中,很多人在操作电脑中可以接触到这个ping命令。但是都是没有深入的去了解这个ping命令。对于ping命令在电脑中可以通过ping来判断及解决网络故障。我们每天都接触电脑使用互联网的人来说也是要去了解ping命令的基础使用。ping命令的工作原理&#xf…

计算机上硬盘显示不出来怎么办,加装硬盘不显示怎么办_新硬盘装上去了但是没显示这么解决...

一些小伙伴在加装玩新的硬盘后出现了一个问题,那就是硬盘明明安装上去了,但是电脑上没有显示出来。这是为什么呢?其实可能是因为安装没成功或者分区没有分好导致的,那么加装硬盘不显示该怎么办呢?接下来小编就给大家带…

武未转变服务器tp,未转变者怎么tp别人 | 手游网游页游攻略大全

发布时间:2016-04-24 我的世界中有的玩家想要TP别人,但是不知道怎么操作,有的新手玩家更是不知道TP是什么意思,那么这些就让小编来为大家解释一遍吧. 新手玩家请看我的世界手机版tp拉人怎么操作 TP操作…

搜狗语音输入提示服务器繁忙,讯飞语音输入如何提高识别率 提高方法

讯飞语音是一款语音输入软件,能够帮助用户进行通过语音说话,进行智能识别,帮助用户在繁忙的时候,直接语音输入,不过语言描述要清晰哦!小编在这里分享一下识别率提高方法,不要错过哦!…

服务器ie打不开http协议,在浏览器输入地址后,这个世界发生了什么(http协议浅谈)...

引言这篇文章是我各处收集有关于http的知识,不成体系,爱看不看?,看完点赞。我们输入网址之后发生的事情输入网址并回车(URL 包括 协议名称 域名或者IP 端口号 请求资源具体地址 参数)解析域名 DNS解析浏览器发送HTTP请求服务器处理请求服务器…

个性化显示服务器,Linux系统个性化登录提示信息的方法

字符界面操作久了,就没有太多的新鲜感,所以加点登录时的个性化显示,让心情变的更愉快!如果采用root账号登录编辑/etc/bashrc内容,那所有其他帐号登录都会提示相同的内容,如果想每个用户进行配置&#xff0c…

微软2022服务器,​微软公开地分享了即将发布的WindowsServer 2022的特性

微软测试其自去年以来的下一个版本的WindowsServer在内部测试程序中。尽管发布了常规的服务器测试构建,但Microsoft官员很少提供有关这些服务器测试构建中的特性和更新的任何公开信息。但是,在3月2日,官员们更公开地分享了即将发布的WindowsS…

leetcode 18 --- 4sum

1 题目 给出一个有n个元素的数组S,S中是否有元素a,b,c和d满足abcd目标值?找出数组S中所有满足条件的四元组。 注意: 四元组(a、b、c、d)中的元素必须按非降序排列。(即a≤b≤c≤d)解集中不能…

leetcode 111 --- 二叉树最小深度

1 题目 求给定二叉树的最小深度。最小深度是指树的根结点到最近叶子结点的最短路径上结点的数量。 2 解法 2.1 递归方法 要找到最小深度,首先要确定有根到叶的第一个叶节点,也就是一层一层确定.所以有: /*** struct TreeNode {* int val;* struct TreeNode *left;* struct…

leetcode 145 --- 二叉树后序遍历

1 题目 用递归的方法对给定的二叉树进行后序遍历。 例如: 给定的二叉树为{1,#,2,3}, 返回[3,2,1]. 示例1 输入 {1,#,2,3} 输出 [3,2,1] 2 解法 2.1 递归解法 /*** struct TreeNode {* int val;* struct TreeNode *left;* struct TreeNode *right;* };*/c…

leetcode 144 --- 二叉树前序遍历

1 题目 求给定的二叉树的前序遍历。 2 解法 2.1 递归解法 2.2 非递归解法 前序遍历,先遍历根节点,然后遍历左节点,最后是右节点,所以用栈的方式,先是根节点入栈,然后出栈遍历,如果该节点有左右节点,那么左右节点入栈(应为右节点先入栈,然后是左节点,因为左节点先遍历,所以…

leetcode 116 --- 填充每个节点指向最右节点的next指针

1 题目 填充每个节点指向最右节点的next指针, 填充所有节点的next指针,指向最接近它的同一层右边节点。如果没有同一层没有右边的节点,则应该将next指针设置为NULL。 初始时,所有的next指针都为NULL 注意: 你只能使用常量级…

leetcode 110 --- 判断给定的二叉树是否是平衡二叉树

1 题目 判断给定的二叉树是否是平衡二叉树 平衡二叉树的性质为: 要么是一棵空树,要么任何一个节点的左右子树高度差的绝对值不超过 1。 一颗树的高度指的是树的根节点到所有节点的距离中的最大值。 2 解法 2.1 多次递归 最初的想法肯定是先求出每个节点的左右…

leetcode 107 --- 二叉树程序遍历 ii

1 题目 给定一个二叉树,返回该二叉树由底层到顶层的层序遍历,(从左向右,从叶子节点到根节点,一层一层的遍历) 2 解法 2.1 我的最初解法 按照正常的层序遍历应该是从上到下的,只要用一个栈先临时存一下每…