做网页经常要和JavaScript打交道,经常要用JavaScript做一些客户端的验证,但是如果我们的按钮用的是HTML控件的话,验证通过后无法调用后台代码,如果用服务器端控件,验证不通过有要刷新页面,这个有时候挺烦人的,能不能让服务器段的按钮调用客户端的验证,如果验证成功后在调用服务器端的方法,这样既减少了网路传输,给用户感觉也好。 OnClientClick是客户端事件方法.一般采用JavaScript来进行处理.也就是直接在IE端运行.一点击就运行. OnClick事件是服务器端事件处理方法,在服务器端,也就是IIS中运行.点击按钮后,执行postback,再运行. 如果一个按钮上我们同时有客户端的OnClientClick方法又有OnClick事件处理方法,如何才能按照正常的逻辑运行呢? OnClientClick中我们常用来做一些客户端的检测.当然放在服务器也可以做同样的检测,但这样做的代价是与服务器进行交互,消耗资源。 例: test()为一javascript函数. <script type="text/javascript"> t1为一文本框,判断输入内容是否为空 <asp:TextBox ID="t1" runat="server"></asp:TextBox> <asp:Button ID="Button1" runat="server" Text="提交" OnClientClick="return test()" onclick="Button1_Click" /> 需要注意的是当我们当击这个按钮时,自动先执行的客户端,再执行服务器端的.如果客户端返回的是false,那么服务器端对应的方法永远不会执行.这样就达到检测,只有通过才去执行服务器端的方法. 也就是说如果我们上面写成: <asp:Button ID="Button1" runat="server" Text="提交" OnClientClick="test();return false" onclick="Button1_Click" />
那么不管test()执行的结果如何.服务器端对应的Button1_Click方法都永远不会执行.因为return false使得始终使客户端返回false 如果我们写成: <asp:Button ID="Button1" runat="server" Text="提交" OnClientClick="test()" onclick="Button1_Click" />
那么Button1_Click都有会发生.同样也就达不到效果.也就是说你没有通过检测也去执行服务器的方法了. 我们还可以通过Button1.Attributes.Add("onclick", "test()");的方法来触发客户端事件 |
|