asp.net中怎么實現(xiàn)button控制先執(zhí)行js再執(zhí)行后臺程序

這篇文章主要介紹“asp.net中怎么實現(xiàn)button控制先執(zhí)行js再執(zhí)行后臺程序”，在日常操作中，相信很多人在asp.net中怎么實現(xiàn)button控制先執(zhí)行js再執(zhí)行后臺程序問題上存在疑惑，小編查閱了各式資料，整理出簡單好用的操作方法，希望對大家解答”asp.net中怎么實現(xiàn)button控制先執(zhí)行js再執(zhí)行后臺程序”的疑惑有所幫助！接下來，請跟著小編一起來學(xué)習(xí)吧！

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

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

關(guān)于button這個服務(wù)器控件，我一直想減少它向服務(wù)器提交數(shù)據(jù)。那些檢測，還是在客戶端實現(xiàn)就好了。

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

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

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

復(fù)制代碼 代碼如下:

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

UserAddVerify 是js端實現(xiàn)的函數(shù)，主要用來檢測數(shù)據(jù)的有效性。

復(fù)制代碼 代碼如下:

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("請輸入合法的手機(jī)號碼");
        return false;
    }
    else if (realName == "" || realName == null) {
        alert("姓名不能為空");
        return false;
    }
    return true;
}

上面的return ture和false是很重要的，這決定了是否往下執(zhí)行，往下執(zhí)行就應(yīng)該是將數(shù)據(jù)提交到后臺處理數(shù)據(jù)。當(dāng)返回true時，后臺執(zhí)行button1_Click這個方法(事件)。

到此，關(guān)于“asp.net中怎么實現(xiàn)button控制先執(zhí)行js再執(zhí)行后臺程序”的學(xué)習(xí)就結(jié)束了，希望能夠解決大家的疑惑。理論與實踐的搭配能更好的幫助大家學(xué)習(xí)，快去試試吧！若想繼續(xù)學(xué)習(xí)更多相關(guān)知識，請繼續(xù)關(guān)注億速云網(wǎng)站，小編會繼續(xù)努力為大家?guī)砀鄬嵱玫奈恼拢?/p>