Javascript 当存在必需的元素时更改CSS

我是一名学生开发者，我想在单击提交按钮时显示一条消息，但仍然需要选择

<style>
    .messagerequire {
        color: red;
        display: none;
    }
</style> 

<p class="messagerequire">Test, If there is a require to submit I appear ! </p>

.messagerequire{
颜色：红色；
显示：无；
}
测试，如果需要提交，我会出现

这里有样式

display:none

，我想如果表单因为需求而无法验证，我会这样做，它会更改CSS

从今天早上开始我一直在寻找答案，但我没有找到或理解

---

感谢您

只需检查提交处理程序中的选择输入是否无效，然后更改该

p

元素的显示属性（在本例中为具有该类的第一个元素）。不是最优雅的解决方案，而是最简单的解决方案：

var submitBtn=document.getElementById（'submit'）；
submitBtn.addEventListener（'click'，function（）{
document.getElementsByClassName（'messagerequire'）[0].style.display='block'；
})

.messagerequire{
颜色：红色；
显示：无；
}
测试，如果需要提交，我会出现

您的代码应该如下所示。因为您使用的是input type=submit，所以在提交之前应该对其进行验证

函数validateForm（）{
var x=document.forms[“myForm”][“fname”].value；
如果（x==“”）{
document.getElementById（'error'）.style.display='block'；
返回false；
}
}

.messagerequire{
颜色：红色；
显示：无；
}
测试，如果需要提交，我会出现
姓名：

您需要使用JavaScript来实现这一点

函数提交此（）{
让name=document.getElementById（“name”）.value；
如果（name.length==0）{
document.getElementsByCassName（“错误”）[0]。innerText=“无法将名称保留为空。”；
//5秒后消除（阻止）错误。
设置超时（（）=>{
document.getElementsByClassName（“错误”）[0]。innerText=“”；
}, 5000);
}
}

。错误{
颜色：红色；
}

提交

请尝试

$（“#提交”）。单击（函数（）{
$（'.messagerequire'）.css（'display'，'block'）；
});

.messagerequire{
颜色：红色；
显示：无；
}
测试，如果需要提交，我会出现
这与
php
有什么关系？您可以发布切换显示/处理表单提交的jquery吗？希望这会有所帮助：。页面上的示例很简单，解释得很好。您可以阅读并尝试。My php显示了许多选项，其中包含所需选项或非所需选项，如果您不单击至少一个选项，则无法提交。现在我想要一个JS/jQuery函数，如果我们按下submit按钮，并且有一个必需的，它会显示一条消息（我还没有jQuery来切换显示/处理表单提交），我会读，谢谢@JIM1427我需要使用
AB
而不是