火 OnClick 取决于 OnClientClick 的结果

Question

我有一些遗留代码，一些在 JavaScript 中实现，一些在 C# 中实现。 现在我必须编写一段代码来决定是否触发 OnClick 取决于一些条件。 我想通过检查 OnClientClick 中的条件来实现它。 我尝试了一些来自互联网的方法，但它们没有奏效。 （我是 JavaScript 和 C# 的新手，所以我不是很了解解决方案，例如设置 OnClientClick="return confirm ('这将删除报告。继续？'); return false; "，不它总是在执行“return false”之前返回？”）

我的代码如下

aspx file:
<div id="searchBtn"><asp:LinkButton ID="SearchButton" OnClientClick="return SetInputString(); return false;" OnClick="SearchClick" ValidationGroup="search"  runat="server"><img src="images/btn_search.jpg" alt="検索" /></asp:LinkButton></div>

js file:
function SetInputString() {
    var textbox = document.getElementById("textForm");
    var inputString = document.getElementById("inputString");
    clearNonInteractiveTimer();
    inputString.value = textbox.value;

    if (/^[0-9]{6}$/.test(inputString.value)) {
        EvaluateEnteredSearch(inputString.value);
        return false;
    } else {
        return true;
    }
}

cs file:
public void SearchClick(object sender, EventArgs e){
...
}

Answer 1

Confirm是 Javascript 中“内置”的方法。

此方法是模态的：它停止执行脚本并阻止用户与页面的 rest 交互，直到 window 关闭。

所以不，output 将取决于用户的选择。

return false表示您正在取消按下按钮的默认操作。

有两种方法可以告诉浏览器您要取消某些事件的默认操作，在这种情况下，取消以下链接：调用event.preventDefault ()或从处理程序 function return false 。 仅当您使用onevent属性分配处理程序时，第二个才有效，如下所示：

<a href="//google.com" onclick="return false"> google </a>

或者像这样：

<a href="//google.com"> google </a>

<script>
document.getElementsByTagName ('a') [0] .onclick = function () {
  return false;
}
</script>

此处的更多信息：如何撤消默认操作

---

现在，你的代码呢。

OnClick事件向服务器发送请求并执行操作作为响应。

OnClientClick与我们在 Javascript 中编写的 onclick function 非常相似......也就是说，它在客户端执行语句而不将它们发送到服务器。

SetInputString将首先被调用，如果为true - SearchClick将被调用

另外，这里有更多信息： 何时调用服务器 onClick 与 OnClientClick