JS在onclientclick里如何控制onclick的执行

OnClientClick是客户端脚本，一般使用JavaScript，在客户端，也就是IE中运行，点击后马上执行

OnClick是服务器端事件处理函数，使用C#或者vb.net，在服务器端，也就是IIS中运行，点击按钮后，执行postback，之后再运行。

若想先调用了OnClientClick后就不在调用OnClick事件，应在OnClientClick事件里返回false.若不返回false,在执行了OnClientClick后，会继续调用OnClick事件！

实现方法如下：

<asp:Button ID="btn_Save" runat="server" Text="保存" CssClass="button_bak" OnClientClick="return whetherEmpty();" OnClick="btn_Save_Click" />
//JavaScript实现如下：
<script language="javascript" type="text/javascript">
function whetherEmpty()
{
//alert("KPI信息不能全为空！");
emptflag = false ;
var kpiName = document.getElementById("<%=txt_KPIName.ClientID%>").value;
var jobgoal = document.getElementById("<%=txt_JobGoal.ClientID%>").value;
var weight = document.getElementById("<%=txt_Weight.ClientID%>").value;
var standard = document.getElementById("<%=txt_Standard.ClientID%>").value;
if (kpiName == "" && jobgoal == "" && weight =="" && standard =="")
{
emptflag = true ;
}
if (emptflag)
{
alert("KPI信息不能全为空！");
return false;
}
}
</script>

若是OnClientClick="return whetherEmpty();" 没有return ，在JavaScript里即使return fales，onclick依然会执行！
下面给大家介绍onclientclick和onclick区别
其实有的时候需要客户端和服务端双重校验，为什么这么说呢？ 比果说，一个用户名的文本框，在客户端我们通过JS校验，只能输入字母和数字，不能有特殊字符！通常情况下是没有问题的，但是总有那么一丢丢人想方设法的去“搞破坏” ，这个时候就需要进行双重校验了！说白了，就是服务端和客户端都进么校验！
比如说：Button有:OnClick事件和OnClientClick属性，前者一般就是服务端的点击事件！后者则是客户端的点击事件！
我们来做一个测试！在Default.aspx页面中添加如下代码！

<script language="javascript" type="text/javascript">
function buttonClick() {
alert("我是客户端点击事件");
return false; 
}
</script> 

页面代码：

<form id="form1" runat="server">
<div>
<asp:Button ID="Button1" runat="server" Text="些Button是服务端控件，默认使用OnClientClick事件，请禁用浏览器的Js功能体验"
OnClick="Button1_Click" OnClientClick="return buttonClick();" />
<asp:Label ID="Label1" runat="server" Text=""></asp:Label>
</div>
</form> 

cs文件代码：

protected void Button1_Click(object sender, EventArgs e)
{
this.Label1.Text = "我是服务端点击事件";
}

大家运行看看是什么效果？ 你可能会发现，只弹出了JS中的代码！ 没错，这正是我们想要的效果，通过return false 来"屏蔽"服务端的校验！好处是什么？ 就是不用刷新页面呀！
			  
              
本网刊登的文章均仅代表作者个人观点，并不代表本网立场。文中的论述和观点，敬请读者注意判断。
              
本文地址：http://www.xlkjgs.com/notes/js/3789.html