如何爲動態添加的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對象以設置錯誤消息。