可以使用setCustomValidity方法定义错误提示，语法“对象.setCustomValidity(提示内容)”。setCustomValidity用于判断表单的正误，有错误时可以手动设置提示信息，无错误时设置为空即可。
本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。
使用setCustomValidity设置了自定义提示后，u/uvalidity.customError就会变成true，则checkValidity总是会返回false。
而且，表单验证是根据checkValidity来决定是否提示的。
所以，应该使用validity的以下属性来设置和取消自定义提示：
badInput，customError，patternMismatch，rangeOverflow，rangeUnderflow，stepMismatch，tooLong，typeMismatch，valid，valueMissing
<!DOCTYPE html>
<html>
<head>
<Meta charset=utf-8>
<title>自定义错误提示信息</title>
<script type=text/javascript>
function CheckForm(frm){
var name=frm.name;
if(name.value==){
name.setCustomValidity(请填写您的姓名！); /* 自定义错误提示 */
}else{
name.setCustomValidity(); /* 取消自定义错误提示 */
}}</script>
</head>
<body>
<p>
<form action= method=post>
姓名： <input id=name name=name placeholder=First and Last Name required />
<input type=submit value=提交 onClick=CheckForm(this.form) />
</form>
</p>
</body>
</html>推荐学习：html视频教程
原文地址：https://www.jb51.cc/html5/1199741.html
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
