如何解决带有输入和表单的 AJAX 选项卡 .Net Core
我是 AJAX 和 .Net Core 的新手。我的视图中有一个标签页(这应该是 ForgotMyPassword 页面)
<div id="tab1">
<input id="UserKeyInput" type="text" autofocus placeholder="UserKey">
<button id="btnn">Next</button>
</div>
<div id="tab2"> <!-IF VALIDATION=TRUE SWITCH TO THIS TAB-->
<input id="UserKeyInput" type="text" autofocus placeholder="newpassword">
<button id="btnn">done</button>
</div>
在 JS 中我有
<script>
$(function () {
$("#btnn").click(function () {
alert("ss");
var UserKey;
UserKey = $("#UserKeyInput").val();
$.ajax({
type: "POST",url: '@Url.Action("ValidateUser")',dataType: "json",contentType: "application/json; charset=utf-8",success: function () {
},error: function () {
}
});
return false;
});
});
</script>
如果验证成功,我如何让 AJAX 更改选项卡?我应该只有一个功能来切换选项卡并执行操作,还是应该为每个选项卡设置一个功能?
另一件事是如果用户在 ValidateUser
完成后刷新页面并且我们在第二个标签页上会发生什么?(它会显示 tab1
或 tab2
)
解决方法
您不能在同一视图中使用相同的 ID。
查看
<div id="tab1">
<input id="UserKeyInput1" type="text" autofocus placeholder="UserKey">
<button id="btnn1">Next</button>
</div>
<div id="tab2" style="display: none;"> <!-IF VALIDATION=TRUE SWITCH TO THIS TAB-->
<input id="UserKeyInput2" type="text" autofocus placeholder="newpassword">
<button id="btnn2">done</button>
</div>
JS
<script>
$("#btnn1").click(function () {
var UserKey = $("#UserKeyInput1").val();
$.post('@Url.Action("ValidateUser")',{ userkey: UserKey }).done(function (e) {
if (e.success === false)
{
return false;
}
$("#tab1").hide();
$("#tab2").show();
});
});
</script>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。