五月婷婷激情网,www.日韩,精品在线一区二区三区

本文實例講述了asp.net中button控制先執行js再執行后臺程序的方法。分享給大家供大家參考。具體分析如下：

在.net中要實現button控制點擊之后先執行js再執行后臺程序這個看上去沒什么難度，這里我們就一起來看一個asp.net中button控制先執行js再執行后臺程序的實現方法，希望可以幫助到各位。

關于button這個服務器控件，我一直想減少它向服務器提交數據。那些檢測，還是在客戶端實現就好了。

這就需要javascript，但是我發現僅僅有javascript還是不夠的。button服務器控件的單擊事件叫“onClick”，所以javascript就無法使用這個事件。因為重名了。我想實現的是單擊button的時候，先執行客戶端的javascript代碼，然后再執行后臺事件。

如果使用的是html控件，就不存在這種問題了。但是，我就是想實現服務器控件的這一功能，有時候服務器控件也是很好用的。
先給aspx頁面增加一個服務器控件button

在頁面初始化的時候，給button這個服務器控件增加一個客戶端事件。也就是在Page_Load()這個方法里面加一句代碼:

復制代碼代碼如下:

	if (!IsPostBack)

	{

	 //給button1添加客戶端事件

	 btnSave.Attributes.Add("OnClick", "return UserAddVerify()");

	}

UserAddVerify 是js端實現的函數，主要用來檢測數據的有效性。

復制代碼代碼如下:

	function UserAddVerify() {

	    var userName = document.getElementById("TxtUserName").value;

	    var password = document.getElementById("TxtUserPassword").value;

	    var repassword = document.getElementById("TxtUserPasswordConfirm").value;

	    var identity = document.getElementById("TxtUserIdentity").value;

	    var mobile = document.getElementById("TxtUserMobile").value;

	    var realName = document.getElementById("TxtUserRealName").value;

	    var btnSave = document.getElementById("btnSave");

	    var identityReg = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;

	    var mobileReg = /1[3-8]+\d{9}/;

	    if (userName == "" || userName == null) {

	        alert("用戶名不能為空");

	        return false;

	    }

	    else if (password == "" || password == null) {

	        alert("密碼不能為空");

	        return false;

	    }

	    else if (repassword == "" || repassword == null || repassword != password) {

	        alert("對不起，兩次輸入密碼不一樣");

	        return false;

	    }

	    else if (identity == "" || identity == null || identityReg.test(identity) === false) {

	        alert("請輸入合法的身份證號碼");

	        return false;

	    }

	    else if (mobile == "" || mobile == null || mobileReg.test(mobile) == false) {

	        alert("請輸入合法的手機號碼");

	        return false;

	    }

	    else if (realName == "" || realName == null) {

	        alert("姓名不能為空");

	        return false;

	    }

	    return true;

	}