最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

JS在onclientclick里如何控制onclick的執(zhí)行

 更新時間:2016年05月30日 10:16:34   作者:sire168  
這篇文章主要介紹了JS在onclientclick里如何控制onclick的執(zhí)行的相關(guān)資料,需要的朋友可以參考下

OnClientClick是客戶端腳本,一般使用JavaScript,在客戶端,也就是IE中運行,點擊后馬上執(zhí)行

OnClick是服務(wù)器端事件處理函數(shù),使用C#或者vb.net,在服務(wù)器端,也就是IIS中運行,點擊按鈕后,執(zhí)行postback,之后再運行。

若想先調(diào)用了OnClientClick后就不在調(diào)用OnClick事件,應(yīng)在OnClientClick事件里返回false.若不返回false,在執(zhí)行了OnClientClick后,會繼續(xù)調(diào)用OnClick事件!

實現(xiàn)方法如下:

<asp:Button ID="btn_Save" runat="server" Text="保存" CssClass="button_bak" OnClientClick="return whetherEmpty();" OnClick="btn_Save_Click" />
//JavaScript實現(xiàn)如下:
<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依然會執(zhí)行!

下面給大家介紹onclientclick和onclick區(qū)別

其實有的時候需要客戶端和服務(wù)端雙重校驗,為什么這么說呢? 比果說,一個用戶名的文本框,在客戶端我們通過JS校驗,只能輸入字母和數(shù)字,不能有特殊字符!通常情況下是沒有問題的,但是總有那么一丟丟人想方設(shè)法的去“搞破壞” ,這個時候就需要進行雙重校驗了!說白了,就是服務(wù)端和客戶端都進么校驗!

比如說:Button有:OnClick事件和OnClientClick屬性,前者一般就是服務(wù)端的點擊事件!后者則是客戶端的點擊事件!

我們來做一個測試!在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是服務(wù)端控件,默認使用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 = "我是服務(wù)端點擊事件";
}

大家運行看看是什么效果? 你可能會發(fā)現(xiàn),只彈出了JS中的代碼! 沒錯,這正是我們想要的效果,通過return false 來"屏蔽"服務(wù)端的校驗!好處是什么? 就是不用刷新頁面呀!

相關(guān)文章

  • 純JavaScript實現(xiàn)HTML5 Canvas六種特效濾鏡示例

    純JavaScript實現(xiàn)HTML5 Canvas六種特效濾鏡示例

    實現(xiàn)了六款簡單常見HTML5 Canvas特效濾鏡,并且封裝成一個純JavaScript可調(diào)用的API文件gloomyfishfilter.js,程序源代碼如下,感興趣的朋友可以參考下哈
    2013-06-06
  • js實現(xiàn)微信分享代碼

    js實現(xiàn)微信分享代碼

    這篇文章主要介紹了js實現(xiàn)微信分享朋友鏈接顯示,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2015-12-12
  • 前端項目中報錯Uncaught?(in?promise)的解決方法

    前端項目中報錯Uncaught?(in?promise)的解決方法

    最近在做項目的時候控制臺報了一個錯Uncaught(in promise) false,這篇文章主要給大家介紹了關(guān)于前端項目中報錯Uncaught?(in?promise)的解決方法,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下
    2023-04-04
  • uniapp實現(xiàn)單選框的示例代碼

    uniapp實現(xiàn)單選框的示例代碼

    本文給大家介紹uniapp實現(xiàn)單選框的示例代碼,采用uniapp-vue3實現(xiàn)的一款單選框組件,提供絲滑的動畫選中效果,支持不同主題配置,適配web、H5、微信小程序,感興趣的朋友跟隨小編一起看看吧
    2024-03-03
  • IE瀏覽器打印的頁眉頁腳設(shè)置解決方法

    IE瀏覽器打印的頁眉頁腳設(shè)置解決方法

    IE瀏覽器打印的頁眉頁腳設(shè)置解決方法
    2009-12-12
  • JavaScript遍歷Json串瀏覽器輸出的結(jié)果不統(tǒng)一問題

    JavaScript遍歷Json串瀏覽器輸出的結(jié)果不統(tǒng)一問題

    json串屬于javascript的一個對象,有鍵和值對應(yīng)的對象。這篇文章主要介紹了JavaScript遍歷Json串瀏覽器輸出的結(jié)果不統(tǒng)一問題的相關(guān)資料,需要的朋友可以參考下
    2016-11-11
  • JavaScript canvas實現(xiàn)七彩時鐘效果

    JavaScript canvas實現(xiàn)七彩時鐘效果

    這篇文章主要為大家詳細介紹了JavaScript canvas實現(xiàn)七彩時鐘效果,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2021-05-05
  • 超詳細小程序定位地圖模塊全系列開發(fā)教學(xué)

    超詳細小程序定位地圖模塊全系列開發(fā)教學(xué)

    這篇文章主要介紹了超詳細小程序定位地圖模塊全系列開發(fā)教學(xué),文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2020-11-11
  • JavaScript枚舉選擇jquery插件代碼實例

    JavaScript枚舉選擇jquery插件代碼實例

    這篇文章主要介紹了JavaScript枚舉選擇jquery插件代碼實例,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
    2020-11-11
  • JavaScript數(shù)組去重的幾種方法效率測試

    JavaScript數(shù)組去重的幾種方法效率測試

    JavaScript數(shù)組去重是前端面試酷愛的問題,問題簡單而又能看出程序員對計算機程序執(zhí)行過程的理解如何。數(shù)組去重的方法有很多,到底哪種是最理想的我不清楚。于是我測試了下數(shù)組去重的效率。測試二十萬個數(shù)據(jù),隨著數(shù)據(jù)越多效率很明顯的就體驗了出來。下面來一起看看吧。
    2016-10-10

最新評論

波密县| 合江县| 仁化县| 绥阳县| 宁远县| 天等县| 宁远县| 盐津县| 乐亭县| 景谷| 宁城县| 兴海县| 甘孜县| 高要市| 溧阳市| 汉阴县| 汝州市| 施秉县| 婺源县| 城口县| 黄浦区| 成都市| 娱乐| 道孚县| 青田县| 雅江县| 苏州市| 沂南县| 桓仁| 乐陵市| 岗巴县| 阿坝| 镇赉县| 开平市| 承德市| 灵丘县| 吐鲁番市| 阜南县| 仙居县| 梁平县| 西昌市|