jquery 使用JavaScript提交表单,显示“请等待”消息,但该消息不起作用

mgdq6dx1  于 2022-11-22  发布在  jQuery
关注(0)|答案(1)|浏览(196)

在我的ASP.NETMVC应用程序中,在一个表单提交事件中,我想显示当单击提交按钮时请等待消息。
我还为必填字段添加了required属性。
所以我修改了代码,如下所示。然后它在提交之前检查required字段是否已填充。
但当这种情况发生时,它不会显示“请等待消息”。
即使填写了所有字段,它也会提交数据,而不会显示Please wait for消息。
这是我从互联网上得到的例子。https://weblogs.asp.net/psheriff/displaying-a-wait-message-on-an-mvc-page
这是我的自定义代码

<div class="col-md-2 col-md-10">
  <input type="submit" value="Register Customer" id="submitButton" class="btn btn-success" onclick="return DisplayProgressMessage();" />
</div>

Javascript语言

function DisplayProgressMessage(ctl, msg) {
  //document.getElementById('submitButton').style.display = 'none',
  $('my-form').on('submit', CheckRequired);
  $(ctl).prop("disabled", true);
  $(ctl).text(msg);
  $(".submit-progress").removeClass("hidden");
  $("body").addClass("submit-progress-bg");

};
abithluo

abithluo1#

最后我做了这个改变

let allAreFilled = true;
 document.getElementById("my-form").querySelectorAll("[required]").forEach(function (i) {
   if (!allAreFilled) return;
   if (!i.value) {
     allAreFilled = false;
     return;
   }
 })
 if (!allAreFilled) {

 } else {
   $(ctl).prop("disabled", true);
   $(ctl).text(msg);
   $(".submit-progress").removeClass("hidden");
   $("body").addClass("submit-progress-bg");
   document.getElementById("my-form").submit();
 }

相关问题