如何让用户输入两个字段中的任意一个

How to make the user enter either of the 2 fields

本文关键字：两个 字段 任意一 用户 输入      更新时间：2023-09-26
<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字段，但它在我的情况下不起作用，因为2个文本框中的任何一个都应该输入数据。

如果您想在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
}
}

使用Jquery/java脚本可以进行客户端验证。

HTML 

<input type="text"  id="first" name="firstname" placeholder=" Enter First Name" /><input type="hidden" name="search" value="true" >
       <input type="text" id ="last" name="lastname" placeholder="Enter Last Name" /><input type="hidden" name="search" value="true" >
    <input type="button" id="button1" value="check"/>

验证
$("#button1").click(function()
                    {
$first=$("#first").val();
$sec=$("#last").val();
if(($first=="")&&($sec==""))
{
    alert("Please enter any");
}
                    });
相关文章：