Asp.net 模式弹出窗体验证在onclick函数中不起作用
我有一个模态形式,已经尝试过它的数字验证,远程验证等,工作良好 这是我的模态部分形式Asp.net 模式弹出窗体验证在onclick函数中不起作用,asp.net,asp.net-core,bootstrap-modal,sweetalert2,Asp.net,Asp.net Core,Bootstrap Modal,Sweetalert2,我有一个模态形式,已经尝试过它的数字验证,远程验证等,工作良好 这是我的模态部分形式 <form id="EditForm" asp-action="Edit"> <div class="modal-body"> /*input here*/ </div> <div class="modal-footer justify-content-
<form id="EditForm" asp-action="Edit">
<div class="modal-body">
/*input here*/
</div>
<div class="modal-footer justify-content-between">
<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
@*<button type="submit" class="btn btn-success btn-flat"><i class="far fa-check-circle"></i> Save Changes</button>*@
<button type="submit" class="btn btn-success btn-flat" onclick="submitResult(event)"><i class="far fa-check-circle"></i> Save Changes</button>
</div>
</form>
和onClick提交功能:
function submitResult(e) {
e.preventDefault();
Swal.fire({
//code
})
}
我错过了什么?如果您认为使用ModalPopupXtender(Ajax),任何帮助建议都可以,谢谢您, 我可以和你分享我经常使用的代码 1-ascx文件 ''' 标题 ''' 2-ascx.cs ''' public void Show(字符串消息,字符串操作){if(Action==“success”){imgIcon.ImageUrl=“~/Images/success.png”;}else if(Action==“error”){imgIcon.ImageUrl=“~/Images/error.png”;}lblMessage.Text=消息;mpupdate.Show();} ''' 3-添加.net页面ajax(alertWindow1)并在.cs文件中使用 ''' 如果(您的条件){alertWindow1.Show(“成功…””,“成功”);}其他{alertWindow1.Show(“错误…””,“错误”);} ''这里是一个演示: 学生:
public class Student
{
public int Id { get; set; }
[Required]
public string Name { get; set; }
[Range(5, 15)]
public int Age { get; set; }
}
查看(单击“提交”按钮时,它将验证并尝试提交表单):
保存更改
情态标题
&时代;
你确定吗?
接近
函数hidemodal(){
$(“#示例模态”).modal('hide');
}
结果:
你可以用三倍的“背景”来美化你的代码。你应该认为背斜(``)不同于单引号(′)和双引号(“”)。你可以看看这里:我现在明白了,下次我可以用它。好,你也可以编辑。更合适的是理解、投票和接受你的答案。
public class Student
{
public int Id { get; set; }
[Required]
public string Name { get; set; }
[Range(5, 15)]
public int Age { get; set; }
}
<div class="row">
<div class="col-md-4">
<form method="post" id="studentForm">
<div asp-validation-summary="ModelOnly" class="text-danger"></div>
<div class="form-group">
<label asp-for="Name" class="control-label"></label>
<input asp-for="Name" class="form-control" name="Name" />
<span asp-validation-for="Name" class="text-danger"></span>
</div>
<div class="form-group">
<label asp-for="Age" class="control-label"></label>
<input asp-for="Age" class="form-control" name="Age" />
<span asp-validation-for="Age" class="text-danger"></span>
</div>
<div class="form-group">
<button type="button" class="btn btn-primary" data-toggle="modal" data-target="#exampleModal">
SaveChanges
</button>
</div>
<div class="modal fade" id="exampleModal" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<h5 class="modal-title" id="exampleModalLabel">Modal title</h5>
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">×</span>
</button>
</div>
<div class="modal-body">
Are you sure?
</div>
<div class="modal-footer">
<input type="submit" value="Submit" class="btn btn-info" onclick="hidemodal()"/>
<button type="submit" class="btn btn-secondary" data-dismiss="modal" value="Validate">Close</button>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
<script src="~/lib/jquery-validation/dist/jquery.validate.min.js"></script>
<script src="~/lib/jquery-validation-unobtrusive/jquery.validate.unobtrusive.min.js"></script>
<script type="text/javascript">
function hidemodal() {
$("#exampleModal").modal('hide');
}
</script>