HTML定义错误提示的方法是什么
导读:这篇文章主要给大家介绍“HTML定义错误提示的方法是什么”的相关知识,下文通过实际案例向大家展示操作过程,内容简单清晰,易于学习,有这方面学习需要的朋友可以参考,希望这篇“HTML定义错误提示的方法是什么”文章能对大家有所帮助。 可以使...
这篇文章主要给大家介绍“HTML定义错误提示的方法是什么”的相关知识,下文通过实际案例向大家展示操作过程,内容简单清晰,易于学习,有这方面学习需要的朋友可以参考,希望这篇“HTML定义错误提示的方法是什么”文章能对大家有所帮助。可以使用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定义错误提示的方法是什么”已经有了进一步的了解,更多相关的问题,欢迎关注网络或到官网咨询客服。
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: HTML定义错误提示的方法是什么
本文地址: https://pptw.com/jishu/654741.html