javascript - 有没有一种方法可以让表格只识别一个必填字段

Question

比如在这个例子中；

<form>
    <input type="email" name="email" id="useremail" placeholder="Email Address" required> <br>
    <input type="tel" name="phone" id="userphone" placeholder="Phone Number" maxlength="10" required> <br>
    <input type="submit" id="sidebarformsubmit" value="Submit">
</form>

是否有可能以某种方式/某处能够识别用户在电子邮件或电话号码字段中输入了某些内容。因此在提交时不会显示“这是必需的”。

改写:至少有一个表单输入是强制性的，两者都允许，但不能没有。在上面的示例中，用户需要至少有一种通信方式，无论是电话号码还是电子邮件。然而，他们可以同时拥有两者，但不能没有。

如果是这样，你会怎么做？

Answer 1

您可以轻松地从输入中捕获更改事件并相应地设置所需的属性。像这样:

var email = document.getElementById('useremail'),
    phone = document.getElementById('userphone');
function onchange(){
    email[phone.value?'removeAttribute':'setAttribute']('required','required');
    phone[email.value?'removeAttribute':'setAttribute']('required','required');
}
email.addEventListener('change',onchange);
phone.addEventListener('change',onchange);

jsfiddle