JS在onclientclick里如何控制onclick的执行
编程学习 2021-07-04 19:59www.dzhlxh.cn编程入门
这篇文章主要介绍了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依然会执行！
狼蚁网站SEO优化给大家介绍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 来"屏蔽"服务端的校验！好处是什么？ 就是不用刷新页面呀！