首页  ·  知识 ·  云计算
Asp.net中在调用Button事件前用js对界面进行检查
网友   http://www.cnblogs.com/scottckt/  综合  编辑:德仔   图片来源:网络
我们Button的OnClick事件调用服务器端代码。使用OnClientClick事件调用客户端代码。代码如下: lt;asp:Button ID=quot

我们Button的OnClick事件调用服务器端代码。使用OnClientClick事件调用客户端代码。代码如下:

<asp:Button ID="btnSave" runat="server" CssClass="btn" OnClick="btnSave_Click" Text="保 存" OnClientClick="return checkControl();" />
说明:btnSave_Click为服务器端保存事件。

    checkControl()为保存前在前端用js进行检查的js方法,js代码如下。

    function checkControl()
    {
        var vApyName=document.getElementById("txbApyName").value;
        if(vApyName.length<=0)
        {
            alert("'申请人姓名'不能为空!");
            document.getElementById("txbUrlList").focus();
            document.getElementById("txbUrlList").select();
            return false;
        }
    }

注:

   为什么要在OnClientClick事件中加上return?

   因为开始时,我并没有加上return语句,发现执行完js方法后仍然执行后台的click事件。原来的代码如下:

<asp:Button ID="btnSave" runat="server" CssClass="btn" OnClick="btnSave_Click" Text="保 存" OnClientClick="checkControl();" />

总结:

  用 OnClientClick验证我们的提交数据时,一定要返回ture或者false,即一定要加上return,否则OnClick失效。 当返回false时OnClick服务器端事件才被中

本文作者:网友 来源: http://www.cnblogs.com/scottckt/
CIO之家 www.ciozj.com 微信公众号:imciow
   
免责声明:本站转载此文章旨在分享信息,不代表对其内容的完全认同。文章来源已尽可能注明,若涉及版权问题,请及时与我们联系,我们将积极配合处理。同时,我们无法对文章内容的真实性、准确性及完整性进行完全保证,对于因文章内容而产生的任何后果,本账号不承担法律责任。转载仅出于传播目的,读者应自行对内容进行核实与判断。请谨慎参考文章信息,一切责任由读者自行承担。
延伸阅读