在新搜索完成之前,禁用辅助提交按钮

时间:2014-09-13 00:06:27

标签: javascript jquery

我有一个返回项目列表的搜索页面。您可以在页面上运行新搜索。我有一个功能,可以使用简单的表单保存您刚刚运行的搜索。该表单也有一个提交按钮。

如果用户搜索某些内容然后保存搜索,我想禁用保存搜索表单上的按钮,直到他们运行新的搜索。

任何人都有类似的东西,我可以从如何实现这一点获得想法吗?我可以运行纯js,jQuery或相关的bootstrap,如果这有助于获取任何想法。

我不是专家,所以我通过实例学习得最好。

1 个答案:

答案 0 :(得分:0)

就像Fiddle

之后的简短示例一样
$("#save").click(function () {
  $("#submit").unbind("click");
});
$("#submit").click(submit);
 $("#search").click(function () {
   $("#submit").bind("click", function () {
     submit();
   });
 });

function submit() {
  alert("Submit");
}

HTML

<input id="save" value="Save" type="submit" />
<input id="submit" value="Submit" type="submit" />
<input id="search" value="Search" type="submit" />

这只是一种使用jQuery函数bind()unbind()的方法 - 如果点击savesubmit() - 函数将从click中删除 - submit的事件。如果点击search,则submit() - 功能会再次绑定到submit - 按钮。