asp.net服務器控件button先執行js再執行后臺的方法

2019-11-17 01:53:12

字體：大中小

來源：轉載

供稿：網友

asp.net服務器控件button先執行js再執行后臺的方法

關于button這個服務器控件，我一直想減少它向服務器提交數據。那些檢測，還是在客戶端實現就好了。這就需要javascript，但是我發現僅僅有Javascript還是不夠的。button服務器控件的單擊事件叫“onClick”，所以javascript就無法使用這個事件。因為重名了。我想實現的是單擊button的時候，先執行客戶端的javascript代碼，然后再執行后臺事件。

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

先給aspx頁面增加一個服務器控件button

1	`</asp:button>`

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

12345 if (!IsPostBack){//給button1添加客戶端事件btnSave.Attributes.Add("OnClick", "return UserAddVerify()");}

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

1234567891011121314151617181920212223242526272829303132333435363738 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;}