JavaScript 验证 API中的setCustomValidity()方法

分类 : .NET技术

setCustomValidity()办法:

设置 input 元素的 validationMessage 属性,用于自定义错误提示信息的办法。

留意:运用 setCustomValidity 设置了自定义提示后,validity.customError 就会变成true,则 checkValidity() 总是会返回false,招致无论重新输入的格式正确与否,都会提示设置好的错误信息。

处理方法:用obj.validity.patternMismatch判别,假如输入的格式正确,就将setCustomValidity 清空,使JavaScript重新判别validity.customError的值。

参考:

在该链接中,提到三种清空setCustomValidity的办法,但经过测试,只要第一种办法setCustomValidity('')能够运用。

<!DOCTYPE html>

<html>

<head>

   <meta charset="UTF-8">

   <title>未使用setCustomValidity()方法</title>

</head>

<body>

   <form name="test" action="" method="post">

       <input id="input" type="text" required="required" placeholder="请输入4-11位字母加数字的密码" pattern="^(?![0-9]+$)(?![a-zA-Z]+$)[0-9a-zA-Z]{4,14}$" oninput="this.setCustomValidity('')">

       <input type="submit" onclick="setMyText()">

   </form>

   <script type="text/javascript">

       function setMyText(){

           var obj = document.getElementById("input");

           if (obj.validity.patternMismatch === true) {

               obj.setCustomValidity("密码是必填的");

           } else {

               obj.setCustomValidity('');

           }

       }

   </script>

</body>

</html>

相关文章

分类: .NET技术    访问() .NET技术    Web前端    JAVA开发    HTML基础    数据库    CSS基础    电脑知识   
CSS教程-web前端教程-免费教程
HTML教程-web前端教程-免费教程

分类

.NET技术 Web前端 JAVA开发 HTML基础 数据库 CSS基础 电脑知识

随机阅读

javascript:void(0)中的void的用法
dreamweaver里如何调试javascript代码
HTML5能做什么,主要用于做什么东西
<a>标签中href="javascript:;"表示什么
如何用u盘重装系统?用U盘装win7⁄XP系统的操作图解
oracle sql like多个条件函数
oracle数据库模糊查询匹配多个字符串
Windows 如何在cmd命令行中查看、修改、删除与添加环境变量
C#遍历指定文件夹中的所有文件
方正稚艺繁体免费字体下载,方正稚艺繁体字体免费下载


最新

零基础学习C语言,怎么入门?
C语言使用什么软件?
c语言用什么软件编写(新手c语言基础知识入门)
Oracle如何实现like多个值的查询
Oracle如何实现like多个值的查询 - 数据库
oracle 多个like条件查询
Oracle中关键字like的使用总结
oracle 中模糊查询对like的代替insrt()函数
oracle数据库模糊查询匹配多个字符串
Oracle如何实现like多个值的查询 - Oracle - 服务器

推荐阅读

vscode----vue中HTML代码tab键自动补全
html如何实现鼠标悬停显示文字,鼠标移走文字消失。
c语言中break语句的作用
C#语言之“string格式的日期时间字符串转为DateTime类型”
undefined是什么意思啊
DIV CSS字体(font-family)实现字体样式设置
AirPods怎么删除配对过的设备 airpods可以和电脑连接的
js 中日期 转换成时间戳 例如2013-08-30 转换为时间戳
risk-taking中文是什么意思
replace和replaceAll是JAVA中常用的交换字符的办法


Copyright © 2017 CSS5.NET教程.CSS5 内容仅用于学习和测试参考。 css5.net All Rights Reserved 蜀ICP备15003849号-16