我正在创建一个多字段搜索表单。有 9 个不同的搜索字段。但是,它们都不是强制性的。唯一的要求是您必须至少填写一个字段。
它们都在加载时显示默认值(即“状态”),而不是使用标签来指示搜索字段的用途。因此,如果您编辑一个字段但不理会其他八个字段,那么所有九个字段仍会发布一个值。
有什么好的,有效的方法来处理这个问题吗?我宁愿不必在发布之前(例如if($(inputid).val() == 'Default Value') { ...
)或控制器(例如if($this->input->post('name') == 'default value') { $data['name'] = ''
)之前在 jQuery 中手动执行逻辑,因为在整个站点中将进行几次此搜索的迭代,因此动态解决方案将非常有用并节省一堆时间。
谢谢!
编辑 这是我在下面@veddermatic 的帖子之后得到的要点:
呈现形式:
<form id="search-form" action="spend/search">
<input id='fname' value='First Name' data-original_value='First Name' name='fname'/>
<input id='lname' value='Last Name' data-original_value='Last Name' name='lname'/>
...
</form>
鬼形态:
<form id="ghost-form" action="spend/search">
<!--nothing here yet-->
</form>
jquery 来处理这一切:
$('.do-the-search').click(function(e) {
e.preventDefault();
$('#search-form input').each(function() {
var $this = $(this);
if($this.attr('data-original_value') != $this.val())
{
var clone = $this.clone();
$("#ghost-form").append(clone);
}
});
$("#ghost-form").submit();
});