比如在这个例子中;
<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>
是否有可能以某种方式/某处能够识别用户在电子邮件或电话号码字段中输入了某些内容。因此在提交时不会显示“这是必需的”。
改写:至少有一个表单输入是强制性的,两者都允许,但不能没有。在上面的示例中,用户需要至少有一种通信方式,无论是电话号码还是电子邮件。然而,他们可以同时拥有两者,但不能没有。
如果是这样,你会怎么做?
最佳答案
您可以轻松地从输入中捕获更改事件并相应地设置所需的属性。 像这样:
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
关于javascript - 有没有一种方法可以让表格只识别一个必填字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23706436/