![](/img/trans.png)
[英]How to Add Custom Validation Error Message for Custom Validator in Angular
[英]How to make custom validation error message?
如何制作此类错误消息? 我正在建立一个登录验证表。
您可以尝试这样简单
<input type= "text" name= "name" pattern= "[0-9]" required="required">
您还可以设置长度
此外:
您可以使用customValidity
api创建自定义消息,并将使用浏览器提供的默认工具提示。
DOCS: https : //developer.mozilla.org/en-US/docs/Web/API/ValidityState
下面是一个简单的例子:
https://jsbin.com/popazajawu/2/edit?html,js,console,output
JS:
var inputs = document.querySelectorAll('input');
inputs.forEach(input => {
input.addEventListener('invalid', function(e) {
e.target.setCustomValidity("[CUSTOM MESSAGE] This field cannot be left blank")
})
input.addEventListener('input', function(e) {
e.target.setCustomValidity("");
})
})
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.