如何在更新面板更新之前执行javascript函数

我想在刷新更新面板之前运行jQuery函数。由于这种刷新可以通过许多按钮和其他方式来完成，我希望使用提交处理程序或类似的东西，但它不起作用。如何在更新面板更新之前执行javascript函数

我想这事件附加到主要形式有：

jQuery('form').submit(function() { alert('submit!'); });

而且这个附加到更新面板

jQuery('#pnlContent').submit(function() { alert('submit!'); });

任何人知道如何做到这一点？

来源

2013-02-12 Alejandro B.

'UpdatePanel'表单在正常意义上不是“提交”。它通过ajax“提交”，所以这些事件不会触发。 – Chad 2013-02-12 14:22:38

@查德，我可以用什么来代替？ – 2013-02-12 14:34:23

这为我工作。有想法here。基本上，你定义了一个在更新之前运行的函数，以及之后运行的函数。然后您注册这些函数以与页面请求管理器一起运行。

<script type="text/javascript"> 
    /* Put your code to run before UpdatePanel begins async postback here */ 
    function beforeAsyncPostBack() { 
     var curtime = new Date(); 
     alert('Time before PostBack: ' + curtime);   
    } 

    /* Put your code to run after UpdatePanel finishes async postback here */ 
    function afterAsyncPostBack() { 
     var curtime = new Date();   
     alert('Time after PostBack: ' + curtime); 
    } 

    /* Don't mess with any of the below code */ 
    Sys.Application.add_init(appl_init); 

    function appl_init() { 
     var pgRegMgr = Sys.WebForms.PageRequestManager.getInstance(); 
     pgRegMgr.add_beginRequest(beforeAsyncPostBack); 
     pgRegMgr.add_endRequest(afterAsyncPostBack); 
    }  
</script>

来源

2015-08-26 19:50:46 mason

您可以使用onsubmit =“return check（）;”通知。它会在提交表单之前检查这个函数。

function check(){ 
    // do javascript code 
    // after check your javascript 
    document.getElementById("frm1").submit(); 
}

HTML：

<form id="frm1" action="#" onsubmit="return check();"> 
    First name: <input type="text" name="fname"><br> 
    Last name: <input type="text" name="lname"><br> 
    <input type="submit" name="submit" value="Submit form"> 
</form>

来源

2013-02-12 14:33:01

function PageLoad() 
{ 
    if (!window.Sys.WebForms.PageRequestManager.getInstance().get_isInAsyncPostBack()) 
    { 
     window.Sys.WebForms.PageRequestManager.getInstance().add_endRequest(AjaxEnd); 
     window.Sys.WebForms.PageRequestManager.getInstance().add_initializeRequest(AjaxBegin); 
    } 
} 

function AjaxEnd() 
{ 
    alert("AjaxEnd"); 
} 

function AjaxBegin() 
{ 
    alert("AjaxBegin"); 
}

来源

2013-02-12 14:58:35

如何在更新面板更新之前执行javascript函数

回答

相关问题