微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决如何为 Ajax.ActionLink 设置事件和错误结果?

联系方式 - 有 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 举报,一经查实,本站将立刻删除。