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" >

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

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

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

我不想为此编写验证码。

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

Answer 1

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

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）在提交表格时调用验证功能。

Answer 2

使用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");
}
                    });

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

2 个答案: