鱼C论坛

 找回密码
 立即注册
查看: 3453|回复: 8

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

[复制链接]
发表于 2020-2-15 21:44:47 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能^_^

您需要 登录 才可以下载或查看,没有账号?立即注册

x
<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
本帖最后由 不二如是 于 2020-2-15 22:25 编辑

很简单,用 Chrome 打开调试。

Snip20200215_456.png


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

打个断点,看证据:
Snip20200215_457.png


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


想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2020-2-15 21:46:24 | 显示全部楼层

回帖奖励 +10 鱼币

你用的什么代码编辑器?
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2020-2-15 21:50:19 | 显示全部楼层
可能是因为编辑器反应慢或者不够智能而已
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2020-2-15 21:50:30 | 显示全部楼层
zltzlt 发表于 2020-2-15 21:46
你用的什么代码编辑器?

vs code
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2020-2-15 21:52:07 | 显示全部楼层

可能是编辑器不知道 this 有 setCustomValidity 方法,这正常
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2020-2-15 21:52:53 | 显示全部楼层
shake_a_tree@16 发表于 2020-2-15 21:50
可能是因为编辑器反应慢或者不够智能而已

那该怎么调教它呢
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2020-2-15 21:54:13 | 显示全部楼层
zltzlt 发表于 2020-2-15 21:52
可能是编辑器不知道 this 有 setCustomValidity 方法,这正常

手动输入可用,就是.不出来,我中奖了?
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2020-2-15 22:13:04 | 显示全部楼层    本楼为最佳答案   
本帖最后由 不二如是 于 2020-2-15 22:25 编辑

很简单,用 Chrome 打开调试。

Snip20200215_456.png


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

打个断点,看证据:
Snip20200215_457.png


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


想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2020-2-16 10:59:29 | 显示全部楼层
不二如是 发表于 2020-2-15 22:13
很简单,用 Chrome 打开调试。

this.后的提示代码里没有setCustomValidity,是缺少什么插件吗?
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-12-23 15:20

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表