如何解决如何为 Ajax.ActionLink 设置事件和错误结果?
联系方式 - 有 1 个项目需要验证:
手机号码 - 客户需要点击“发送代码”按钮。一旦他点击它,他的手机上就会收到一个 6 位数的代码,我们将从这个页面上删除按钮并显示 1 个框,以便他可以在每个框中插入 6 位数字。如果代码正确,我们将显示一个绿色标记,而不是表示已验证的框。标题下方有一条消息,一旦客户点击“发送代码”按钮,它就会改变 我希望代码在进入时用 JavaScript 或 jQuery 发送到后端
第一步:
<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:
<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:
<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 举报,一经查实,本站将立刻删除。