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">&times;</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>