添加任务后,出现消息“请填写此字段”。 我使用函数 setCustomValidity() 和默认验证表单。
const form = document.querySelector(".form");
const text = document.querySelector(".text");
const button = document.querySelector(".button");
const list = document.querySelector(".list");
const add = function() {
let valueText = text.value;
if (valueText === "") {
text.setCustomValidity("Error");
return false;
} else {
text.setCustomValidity("");
}
const elementItem = document.createElement("li");
elementItem.setAttribute("class", "item");
list.appendChild(elementItem);
elementItem.textContent = valueText;
text.value = "";
}
button.addEventListener("click", add.bind(this));
<form action="#" class="form">
<input type="text" class="text" required>
<button class="button" type="submit">Add</button>
</form>
<ul class="list"></ul>
最佳答案
删除required
属性应用于 input
字段,因为您已经在 js
中管理此操作代码。
<input type="text" class="text" required>
应该是<input type="text" class="text">
.
关于javascript - 添加后"Please fill out this field",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57180594/