Question

我正在使用具有不同条件的搜索表单的joomla组件。但是，如果在搜索输入框中未输入任何内容，并且单击了搜索按钮，则只显示所有结果。

我需要这样做，如果没有输入任何内容，则显示任何内容，或输入框的红色轮廓显示。

我尝试过像

这样的事情

input class="inputbox required"

适用于我有的其他表格，但不适用于此页面。搜索输入框的代码是

criteria +='<div id="valueinput'+keynum+'" style="margin-right:10px;float:left;">';
                        criteria +='<input                      criteria +='<div id="valueinput'+keynum+'" style="margin-right:10px;float:left;">';
                        criteria +='<input class="inputbox" type="text" name="value'+keynum+'" id="value'+keynum+'" style="width:145px;"/>';
                    criteria +='</div>';

任何帮助都将不胜感激。

感谢。

Answer 1

使用HTML5 required和formnovalidate

<input class="inputbox" 
type="text" formnovalidate name="value'+keynum+'" 
id="value'+keynum+'" style="width:145px;" required />

formnovalidate内容attributes是布尔属性。如果存在，则表示在提交过程中不会验证表单。

Answer 2

<input type="text" name="whatever" required />

required是一个boolean attribute，只有在出现时才会真实;旧版本的IE需要更多：required="required"

上述标记将触发浏览器内置的任何本机行为。要超越它，或支持旧版浏览器，您可以添加类似jQuery Validation插件的内容：https://github.com/jzaefferer/jquery-validation

搜索条件是必需的

2 个答案: