首页前端开发其他前端知识HTML定义错误提示的方法是什么

HTML定义错误提示的方法是什么

时间2024-03-28 05:52:03发布访客分类其他前端知识浏览1498
导读:这篇文章主要给大家介绍“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
难道go语言是不适合新手学习的吗 go语言是用什么软件编辑器的呢

游客 回复需填写必要信息