JS setCustomValidity()方法

setCustomValidity()方法

JavaScript setCustomValidity()方法,在input元素输入值的验证当中,可用于设置validationMessage属性,其中validationMessage属性包含了当input输入的值无效时,浏览器将显示的信息。


语法

inputObj.setCustomValidity( value )

提示:参数value可以是自定义的文本。


setCustomValidity()实例代码,及在线编辑器

<input type="number" min="1" max="11" id="i1" style="width:100px"><br><br>
<button onclick="check()">验证输入有效性</button>

<script>
  function check(){
    var inp = document.getElementById("i1");
    inp.setCustomValidity("输入的值无效")
    var t = inp.checkValidity()
    if(!t){
      alert(inp.validationMessage)
    }
  }
</script>

全栈前端 / JavaScript语法 :





















Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.