本文實例講述了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;
}
新聞熱點
疑難解答
圖片精選