需要触发验证答案

【问题标题】：REQUIRED triggering VALIDATION需要触发验证
【发布时间】：2020-01-16 16:18:36
【问题描述】：

Okey 社区，我的代码需要帮助，所以这是我的表单代码

<form action="input.php" method="POST">
    <input type="text" class="input" name="firstname" placeholder="First Name" required>
    <input type="text" class="input" name="lastname" placeholder="Last Name" required=""><br>
    <input type="text" class="input lower" name="streetnumber" placeholder="Street / Number" required=""><br>
    <input type="text" class="input lower" name="city" placeholder="City" required=""><br>
    <input type="text" class="input lower" name="country" placeholder="Country" required=""><br>
    <button type="submit">Add User</button>
</form>

我想要做的就是询问输入中的“必需”是否可以触发验证。我需要的验证类型基本上不是 NULL，我希望在每个输入上方都有一段以显示文本（此文件是必须的）。如果您发现我的问题令人困惑，请发表评论，我会提供更多信息。我知道我必须使用一些 JS 代码，但如果你能帮助我编写这些代码并告诉我我需要什么，我会非常高兴。

最好的问候社区

【问题讨论】：

几乎所有浏览器（在其最新版本中）都会为您完成这项工作。如果输入具有required 属性，则该值不能为空。
是的，我知道，但是在文本输入上方弹出的段落呢？
我试过 oninvalid="this.setCustomValidity('请输入名字')" onvalid="this.setCustomValidity('')">
但是如何让段落弹出
有没有办法在 setCustomValidity 上调用 JS 函数？？以及如何，请给我一个例子

标签： javascript html css forms validation

【解决方案1】：

var country = document.getElementById("country").value;
                var p = document.getElementById("pcountry");

                if (!country) {
                  pn.classList.add("show");
                  return false;
                } else {
                  return true;
                }

这是我的答案

【讨论】：