有没有办法用同一个按钮（都是 onclick）激活 .cs 函数和 javascript 函数？

Question

问题

我想创建一个模式“忘记密码”，在这个模式中有一个“发送代码”按钮，当你点击那个按钮时，它应该激活 .cs 功能（在这个功能中它会创建一个随机代码和会将代码邮寄给用户），同时“发送代码”按钮也应该激活 javascript 功能（此功能将关闭当前模态并转到下一个模态）。

我已经尝试过的

我试过了： 要将其放入相同的 onclick 事件中， 把cs函数放在server click上，把js函数放在onclick上 尝试了一个标签按钮 和一个输入按钮

按钮

<asp:Button ID="SendCode" Text="Send code" runat="server" OnClick="VerzendCode;b();" CssClass="btn btn-default" Visible="true" />

CS功能

public partial class Site1 : System.Web.UI.MasterPage
{ protected void VerzendCode(object sender, EventArgs e)
    {
       string code = generateCode();
        MailMessage mail = new MailMessage("demert.deswert@gmail.com", TxtEmailWW.Text);
        SmtpClient client = new SmtpClient();
        client.UseDefaultCredentials = false;
        client.DeliveryMethod = SmtpDeliveryMethod.Network;
        client.Port = 587;
        client.Host = "smtp.gmail.com";
        client.EnableSsl = true;
        client.Credentials = new System.Net.NetworkCredential("demert.deswert@gmail.com", "789632145");
        mail.BodyEncoding = Encoding.UTF8;
        mail.DeliveryNotificationOptions = DeliveryNotificationOptions.OnFailure;
        mail.Subject = "Wachtwoord vergeten";
        mail.Body = "Beste  dit is de code om uw wachtwoord te resetten";
        mail.Body += Environment.NewLine + code;
        client.Send(mail);  
    }
 }

JS函数

$(function b() {
    $("#BtnVerzendcode").click(function () {
        $('#WWReset').modal('show');
          $('#WWvergeten').modal('hide');
    });
});

期待

我希望这两个功能同时使用相同的按钮激活

Answer 1

您可能想要使用代表异步 JavaScript 和 XML 的 AJAX。以下是您可能需要的示例：

    $(function b() {
        $("#BtnVerzendcode").click(function () {
            $('#WWReset').modal('show');
              $('#WWvergeten').modal('hide');
              var url = "@Url.Action("VerzendCode","Site1")";
              var dataToSend = { };
              $.ajax({
                  url: url,
                  type:'GET',
                  success: function(result){
                  $('#WWReset').text(result);
             }
           });
        });
    });

这将向您的控制器操作发送一个异步请求，因此 javascript 和 C# 函数将基本上同时运行。

Answer 2

所以重点是运行前端逻辑，然后在 JavaScript 内部调用后端逻辑。

HTML

<asp:Button ID="SendCode" runat="server" Visible="false" disabled OnClick="VerzendCode"/>
<button id="sendCodeBtn" class="btn btn-default" onclick="b();">Send Code</button>

JS/JQuery:

function b(){
    $('#sendCodeBtn').attr("disabled", "disabled");
    $('#SendCode').prop('disabled', false);
    setTimeout(function () {//timeout is to help avoid double click
        $('#SendCode').trigger('click');
    }, 500);
}

C#

protected void VerzendCode(object sender, EventArgs e)
    {
       ...
    }