如何为动态添加的html元素设置setCustomValidity（）

Question

我将动态添加元素添加到我的视图中，并使用jquery attr函数添加它们的属性，如下所示。

var input = $("<input type='text' name='"+inputFieldName+"' '>"); 
input.attr("placeholder", "Required"); 
input.attr("required" , true);  
input.appendTo(container); 

由于我已将required设置为true，因此我正在获取默认html消息。如何将setCustomValidity设置为某些自定义消息。我有以下问题：

1. 我可以使用jquery attr我需要调用一个单独的函数标记。
2. 如果我需要创建一个seaparate功能，应该怎么做呢

Answer 1

var input = $("<input type='text' name='tt'>"); 
input.attr("placeholder", "Required"); 
input.attr("required" , true); 
input[0].setCustomValidity(); // get native HTML object to set error message 
input.appendTo($('#test')); 

1. 是的，可以。
2. 您需要使用setCustomValidity()方法获取本机HTML对象以设置错误消息。