如何为 Ajax.ActionLink 设置事件和错误结果？

编程问答 2022-05-30

问题描述

联系方式 - 有 1 个项目需要验证：

手机号码 - 客户需要点击“发送代码”按钮。一旦他点击它，他的手机上就会收到一个 6 位数的代码，我们将从这个页面上删除按钮并显示 1 个框，以便他可以在每个框中插入 6 位数字。如果代码正确，我们将显示一个绿色标记，而不是表示已验证的框。标题下方有一条消息，一旦客户点击“发送代码”按钮，它就会改变 我希望代码在进入时用 JavaScript 或 jQuery 发送到后端

第一步：

step 1

<div id="mobile">
    <!--Mobile Send Token-->
    <div class="contact-details-item mobile-verify">
        <i class="vi vi-mobile item-icon" aria-hidden="true"></i>
        <div class="mx-3 mx-xl-4 pr-md-5 w-100">
            <h3 class="item-title">Please verify your mobile number</h3>
            <p class="item-description">You’ll receive a 6-digit verification code on your mobile which will expire 5 minutes after first login attempt</p>
        </div>
        <div class="action-Box">
            @Ajax.ActionLink(" ","SendToken","Account",new { email = "",isEmail = false,partialViewName = "~/Views/portal/Account/Verify/__MobiletokenVerification.cshtml" },new AjaxOptions { HttpMethod = "GET",InsertionMode = InsertionMode.ReplaceWith,UpdateTargetId = "mobile" },new { @class = "icon-btn vi vi-send" })
            <span class="text">Send code</span>
        </div>
    </div>
</div>

步骤 2：

step 2

<div class="contact-details-item mobile-verify" >
    <i class="vi vi-mobile item-icon" aria-hidden="true"></i>
    <div class="d-md-flex align-items-md-center flex-md-Nowrap">
        <div class="mx-3 mx-xl-4 pr-md-4">
            <h3 class="item-title">Please verify your mobile number</h3>
            <p class="item-description">Please type the verification code sent to your phone</p>
        </div>
        <input class="inputs" type="tel" maxlength="6" />
        @Ajax.ActionLink(" ","VerifyToken",partialViewName = "~/Views/portal/Account/Verify/_MobiLeverified.cshtml" },new AjaxOptions { HttpMethod = "POST",new { @class = "icon-btn vi vi-send" })

    </div>
</div>

步骤 3：

step 3

<div class="contact-details-item mobile-verify verified">
    <i class="vi vi-mobile item-icon" aria-hidden="true"></i>
    <div class="mx-3 mx-xl-4 pr-md-5 w-100">
        <h3 class="item-title">Please verify your mobile number</h3>
        <p class="item-description">Please type the verification code sent to your phone</p>
    </div>
    <div class="action-Box d-flex flex-column align-items-center">
        <i class="vi vi-correct text-success" aria-hidden="true"></i>
        <span class="text">Verified</span>
    </div>
</div>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

asp.net-mvchtmljavascriptjquery