通过 JavaScript 停止函数

Question

我有这个js函数：

function neki() {
  if ( $("input[id*='txtIDCriteria']").val() == ''
    && $("input[id*='chkID']").is(':checked')
  ) {
    alert('Value is required.');
  }
}

还有这个asp代码：

<table border="0" cellpadding="1" cellspacing="0"
  style="width: 100%" class="DataTable" id="check_all"
>
  <tr>
    <td>
      <asp:CheckBox CssClass="formdata100" ID="chkID" runat="server"> 
      </asp:CheckBox>
    </td>
    <td>
      <asp:Label CssClass="formdata100" ID="lblID" runat="server">
        Maintenance ID
      </asp:Label>
    </td>
    <td>
      <asp:TextBox CssClass="formdata100" ID="txtIDCriteria"
        runat="server" MaxLength="6"
        onkeyup="return validate_int(event,this);"
      >
      </asp:TextBox>
    </td>
  </tr>
  <tr>
    <td colspan="5">
      <asp:Button Text="search" ID="search" OnClick="search_Click"
        runat="server" style="float:right" onClientClick="neki()"
      />
    </td>
  </tr>

我希望这个OnClick="search_Click"在这个函数neki()被执行时停止，即当它为真时。

如何通过 JavaScript 解决？

Answer 1

是的，您可以这样做。这是如何工作的？

如果 onclient click 函数返回 true，则服务器端代码/事件运行。

如果 onclient click 函数返回 false，则服务器端代码/事件不会运行。所以你可以这样做：

   <asp:Button Text="search" ID="search" OnClick="search_Click"
    runat="server" style="float:right" onClientClick="return neki();"

现在你的 JS 代码可以是这样的：

function neki() {
    if ( $("input[id*='txtIDCriteria']").val() == ''
        && $("input*[id*='chkID']").is(':checked'))
    {
    alert('Value is required.');
    return true;
    }
    return false;
}

虽然这适用于上述情况，但如果您使用 jQuery.UI 对话框，则代码不会等待，但即使是 jQuery.UI 对话框也有一个简单的解决方法，响应说是/否答案，而您仍然可以有条件地运行服务器端按钮代码。

edit: opps - 我倒过来了。

代码应该是这样的：

function neki() {
    if ( $("input[id*='txtIDCriteria']").val() == ''
        && $("input*[id*='chkID']").is(':checked'))
    {
    alert('Value is required.');
    return false;  <--- return false to NOT run button click
    }
    return true;   <--- return true - this will allow button click to run
}