jquery - 将单击 javascript 绑定到 asp:button 停止按钮工作

Question

这很奇怪，因为它昨晚还在工作！

我有以下 HTML 标记：（部分）

<div id="doButtonContainer">
    <asp:button id="resizeActionButton" runat="server" onclick="doResize"  class="doResize redButton" text="Do Resize" />
</div>
<div id="res" runat="server"></div>

以及页面后面的以下代码

Partial Class Admin_webSite_reSampleImgs
    Inherits System.Web.UI.Page

    Sub doResize(ByVal sender As Object, ByVal e As System.EventArgs) Handles resizeActionButton.Click  '=== THIS FUNCTION DETERMINES THE IMAGES TO CHANGE...

        '// DO STUFF //

        res.InnerHtml = "DONE" '"<b>Products: </b><hr/> " & Replace(ids.TrimEnd(","), ",", ", ") & " <hr/> <b>Have been updated</b> <hr/>"
    End Sub

然后我有这个javascript：

$('input.doResize').bind('click', function (e) {
    if (simpleValidate('') <= 0) {
        // do things before submit
    } else {
        e.preventdefault();
        alert("not all fields complete");
    };
});

首先，我不确定我是否需要handles后面代码的条件或onclick按钮上的属性，我不确定。

其次......所有的Javascript作品，但背后的代码没有被调用。

我发誓它昨晚做到了！

很困惑……我做错了什么？！

Answer 1

使用 onclientclick：

<asp:button id="resizeActionButton" runat="server" onclick="doResize" OnClientClick="return checkValid();"  class="doResize redButton" text="Do Resize" />

javascript函数：

    function checkValid(){
    if (simpleValidate('') <= 0) {
        // do things before submit
        return true;
    } else {
        e.preventdefault();
        alert("not all fields complete");
        return false;
    };
}