Question

美好的一天！

所以我有一个简单的HTML表单，其中有4个输入：

名称|电邮| name2 |电子邮件2

当前所有字段都是必填字段，但是如果我填写前两个输入（名称，电子邮件），则所需的其他输入（名称2，电子邮件2）可以保留为空白，反之亦然。

这是我的代码

<form action="register.php" method="post">
    <table background="images/bg.jpg" align="center" style="height: 295px;  width: 800px;" border="0">
        <tbody>
    <tr>
    <!------------------------------- Individual ------------------------------>
        <p style="text-align: left; "><b>Name</b>
        <input name="name" style="height:30px;" type="text" value="" placeholder="" required="required" /><img src="jvk/button.gif"></p>
      <p style="text-align: left; "><b>Email</b>
      <input name="email" style="height:30px;" type="text" value="" placeholder="" required="required" />;
      <button class="indiv" type="submit">Submit ></button>
      </p>
   </td>
   <!------------------------------- Enterprise ------------------------------>
    <td style="width: 297px;">
    <p style="text-align: left;">-<b>Company name</b>
    <br />
        <input name="name2" type="text" value=""  style="height:30px;" placeholder="" required="required" /><img src="jvk/button.gif"></p>
        <p>-<b>Email<br/>
        <input name="email2" type="text" value="" style="height:30px;" placeholder="" required="required" />
        <button type="submit" class="busin">Submit ></button></p>
</td>
</tr>

就目前而言，直到4个输入都填满，我才能继续前进，我一直在寻找解决方案，但是由于我没有编程技能，所以无法解决它。

请帮助。预先谢谢

Answer 1

在用户输入数据后运行此命令，这将禁用“个人”或“企业”的“必需”属性，具体取决于填充了两个输入标签。

function checkRequired(){
	if(document.querySelector("[name=name]").value != "" && document.querySelector("[name=email]").value != ""){
		document.querySelector("[name=name2]").required  = false;
		document.querySelector("[name=email2]").required = false;
	}else{
		document.querySelector("[name=name]").required  = false;
		document.querySelector("[name=email]").required = false;
	}
}

HTML / JS：如果输入Y被填充，则必需的输入X被忽略

1 个答案: