javascript - 如何让用户输入两个字段之一

Question

<input type="text" name="firstname" placeholder=" Enter First Name" required/><input type="hidden" name="search" value="true" >

<input type="text" name="lastname" placeholder="Enter Last Name" /><input type="hidden" name="search" value="true" >

我有这 2 个文本框，我正在使用这些文本框在网页上搜索用户。

我希望用户可以使用这两个文本框进行搜索。

我已经为此编写了查询，但我遇到了一个问题，如果用户在任一文本框中写入任何内容，那么它不应该在前端显示任何错误，但如果用户将两个文本字段留空，则应该出现错误已生成，我想在设计页面上进行。

我不想为此编写验证代码。

我已经尝试过 required 字段，但它在我的情况下不起作用，因为两个文本框中的任何一个都应该输入数据。

Answer 1

如果您想在UI中进行验证，请按照以下步骤操作

1) 为两个输入字段提供 id，用于验证字段

<input type="text" id="firstname" name="firstname" placeholder=" Enter First Name" required/><input type="hidden" name="search" value="true" >
       <input type="text" id="lastname" name="lastname" placeholder="Enter Last Name" /><input type="hidden" name="search" value="true" >

2) 使用 javascript，您可以按如下方式进行验证

function validate() {
    if(document.getElementById("firstname").value.trim() != "" && document.getElementById("lastname").value.trim() != "" ) {
// show alert saying required input fields.
} else {
// do the submit action
}
}

3) 提交表单时调用验证函数。