将单击 JavaScript 绑定到 ASP:按钮停止按钮工作

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

在客户端单击上使用：

<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;
    };
}