如何为动态添加的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. 您需要获取本机HTML对象以使用setCustomValidity()方法设置错误消息。