[已解决]this.不出来setcustomvalidity手动输入可用是缺少什么吗？

18437986772

<form>
        电话：<input type="tel" name="tels" id="tels" pattern="^(\+86)?1\d{10}$"><br>
        <input type="submit">
        </form>
        <script>
            document.getElementById("tels").oninput=function(){
                console.log("oninput:"+this.value);
            }
            document.getElementById("tels").oninvalid=function(){
//this后.不出来，手动输入可用
                this.setCustomValidity("请输入11位数字");
            }
        </script>

最佳答案

月排行榜 / 总排行榜

不二如是

2020-2-15 22:13:04

很简单，用 Chrome 打开调试。

测了下“位数不满足”可以弹出“请输入11位数字”。

打个断点，看证据：

PS：使用  x.setCustomValidity("") 前先取消自定义，否则下次点击 checkValidity 总返 false

跳转到最佳答案楼层

zltzlt

你用的什么代码编辑器？

shake_a_tree@16

可能是因为编辑器反应慢或者不够智能而已

18437986772

zltzlt 发表于 2020-2-15 21:46
你用的什么代码编辑器？

vs code

zltzlt

18437986772 发表于 2020-2-15 21:50
vs code

可能是编辑器不知道 this 有 setCustomValidity 方法，这正常

18437986772

shake_a_tree@16 发表于 2020-2-15 21:50
可能是因为编辑器反应慢或者不够智能而已

那该怎么调教它呢

18437986772

zltzlt 发表于 2020-2-15 21:52
可能是编辑器不知道 this 有 setCustomValidity 方法，这正常

手动输入可用，就是.不出来，我中奖了？

不二如是

很简单，用 Chrome 打开调试。

测了下“位数不满足”可以弹出“请输入11位数字”。

打个断点，看证据：

PS：使用  x.setCustomValidity("") 前先取消自定义，否则下次点击 checkValidity 总返 false

18437986772

不二如是 发表于 2020-2-15 22:13
很简单，用 Chrome 打开调试。

this.后的提示代码里没有setCustomValidity，是缺少什么插件吗？