Javascript 在空输入旁边添加*必需

所以我想知道如何在代码中实现必填字段。我尝试在

标记中使用

required=“

”，但是，这并不适用于所有浏览器。我想知道如果用户试图提交而字段为空，是否有人可以解释如何在输入旁边添加“*Required”

这是我的表格代码：

contact.html

<form class="contact_form" name="Form" onsubmit="return validateForm()" action="contactform.php" method="post">
    <label>Name *</label><br/>
    <input type="text" name="name" id="noName" placeholder="Full Name"><br/>
    <label>Email *</label><br/>
    <input type="text" name="email" id="a" placeholder="Email"><br/>
    <label>Subject *</label><br/>
    <input type="text" name="subject" id="b" placeholder="Subject"><br/>
    <label>Message *</label><br/>
    <textarea type="text" name="message" id="c" placeholder="Message"></textarea>
    <button type="submit" name="submit" class="submit">Submit</button>
</form> 

---

当您在字段内指定输入字段为必填字段时，该字段将变为必填字段。仅在其旁边放置星号*或单词required不会使其成为必填项

下面是如何在HTML5中创建所需的输入字段

Username *: <input type="text" name="usrname" required>

Username*：

元素本身的属性“required”使它成为必需的

---

第二。。使用HTML5验证时，您不需要javascript验证，因为表单不会通过HTML5验证。同时拥有客户端和服务器端是很重要的

首先，这是错误的：

if (a==null || a=="",b==null || b=="",c==null || c=="")

大概是您从评论中删除了它，正如评论中所指出的，它不会做它声称的事情，只会检查最后一个字段

要添加消息，可以修改验证函数以检查每个字段并插入一些文本。下面的代码片段应该给你一个基本的想法——因为你是javascript新手，我已经对每一点都做了解释。希望这有助于：

函数validateForm（）{
//重新启动，删除所有现有警告
var warnings=document.getElementsByClassName（'warnings'）；
while（警告[0]）{
警告[0]。parentNode.removeChild（警告[0]）；
}
//在我们发现错误之前，表格是有效的
var的\u空\u字段=false；
//我们要检查的必填字段数组
变量字段=[“电子邮件”、“主题”、“消息”]；
var c=字段长度；
//迭代每个字段
对于（变量i=0；i

名称*



电子邮件*



主题*



消息*

提交

Hi Terry-你读过这里的答案吗？有什么有用的吗？如果是这样，您可以将答案标记为“已接受”，或者在需要澄清时留下评论。

if (a==null || a=="",b==null || b=="",c==null || c=="")