如果你在Asp.net Core Razor Pages中使用Bootstrap modal来显示表单,可能会遇到表单提交无效的问题。这是因为默认情况下表单是被包含在modal外部的form标签中,而不是modal内的标签中。
为了解决这个问题,您需要将表单移到modal内的标签中,同时在表单中添加一个隐藏的input元素来指定表单所在的父form标签。具体方法如下:
将modal与表单放在同一页面中,例如Create.cshtml。
将表单移到modal内部标签中,例如:
@* This hidden input tag is used to assign the form to the modal : *@
当您使用呈现这个表单的页面时,只需要在这个页面中包含所需的Bootstrap和jQuery脚本。例如:
通过以上步骤,您应该可以在ASP.NET Core Razor Pages中使用Bootstrap模态框来成功显示并有效提交表单。