Validity和setCustomVilidity

<form action=""><input type="text" name="" id="tet" required pattern="^\d{5}$" oninput="checktet(this), checkLength(this,5)"placeholder="请输入代码"><input type="submit" value="提交"></form>
````javascript
更改提示信息并限制输入长度
function checktet(obj) {// console.log(obj.validity);var i = obj.validity;if (i.valueMissing == true) {obj.setCustomValidity("不能为空");} else {if (i.patternMismatch == true) {obj.setCustomValidity("必须是5位数字");} else {obj.setCustomValidity("");}}}function checkLength(obj, length) {if (obj.value > length) {obj.value = obj.value.substr(0, length);}}

Validity和setCustomVilidity相关推荐

JS 表单、表单验证（表单判断、get、post、submit、validity、checkValidity）
实例一 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title ...
element子组件中的校验_Salesforce LWC学习(十六) Validity 在form中的使用浅谈
本篇参考: https://developer.salesforce.com/docs/component-library/bundle/lightning-input/documentation h ...
form必填默认校验_Salesforce LWC学习(十六) Validity 在form中的使用浅谈
本篇参考: https://developer.salesforce.com/docs/component-library/bundle/lightning-input/documentation h ...
Oracle 12C -- temporal validity
temporal validity需要在创建表的时候使用一个vaild-time维度(包含时间起始和结束) 创建有valid-time维度的表 (1)显式指定两个date-time列 SQL> ...
Hyperledger Fabric MSP Identity Validity Rules——MSP身份验证规则
MSP Identity Validity Rules--MSP身份验证规则正如Hyperledger Fabric Membership Service Providers (MSP)--成员服务 ...
【形式化方法】Part B: SAT And Validity（SAT和有效性）
Part B: SAT 和有效性 In Exercise 1, we've learned how to represent propositions in Z3 and how to use Z3 ...
validity和satisfiable的奇妙联系
这个打红箭头的意思是找不到任何一个反例哈哈哈那就说明这个事情是真的啦啦啦
H5表单validity各个属性对应
转载于:https://www.cnblogs.com/island1994/p/9205475.html
validity属性返回对象中的属性值
转载于:https://www.cnblogs.com/rickdiculous/p/11469825.html
基于Golang的CLI 命令行程序开发
基于Golang的CLI 命令行程序开发 [阅读时间:约15分钟] 一. CLI 命令行程序概述二. 系统环境&项目介绍&开发准备 1.系统环境 2.项目介绍 3.开发准备三.具体 ...

Validity和setCustomVilidity

Validity和setCustomVilidity相关推荐

最新文章

热门文章