禁用辅助提交按钮，直到完成新搜索

Disable a secondary submit button until a new search is done

本文关键字：新搜索 搜索 提交 按钮      更新时间：2023-09-26

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

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

任何人都对类似的东西有一个粗略的摆弄，我可以从中获得关于如何实现这一目标的想法？ 我可以在纯js，jQuery或相关的引导上运行，如果这将有助于获得任何想法。

我不是js专家，所以我通过示例学习得最好。

就像小提琴之后的简短例子

$("#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-functions bind(( 和 unbind(( 的方法 - 如果单击save，则submit()函数将从 submit 的 click -事件中删除。如果单击search，则submit()函数将再次绑定到submit按钮。

相关文章：