绑定点击javascript到asp:按钮停止按钮工作

时间:2012-09-18 13:39:35

标签: jquery asp.net button event-handling code-behind

这很奇怪,因为它发誓昨晚工作了!

我有以下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都有效,但后面的代码没有被调用。

我发誓昨晚做了!

很困惑......我做错了什么?!

1 个答案:

答案 0 :(得分:0)

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