<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
字段,但它在我的情况下不起作用,因为两个文本框中的任何一个都应该输入数据。
最佳答案
如果您想在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) 提交表单时调用验证函数。
关于javascript - 如何让用户输入两个字段之一,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25201706/