当表单模型状态无效时微调器加载

Question

美好的一天，伙计们，我有一个微调器，效果很好。当我单击提交按钮时，它会询问用户是否要提交，如果按确定，它会触发控制器中的 ActionMethod 并且微调器滚动。但是，如果模型状态无效，则微调器会继续滚动并且不允许编辑表单，除非刷新页面。任何解决这个问题的方法。下面是代码： $('#submitbtn').click(function () {        var x = confirm("Are you sure to Submit Transaction?"); //confirm text            if (x == true) {  //checking whether user clicked ok or cancel            $('.spinner').css('display', 'block');  //if clicked ok spinner shown)          } else {  //else if clicked cancel spinner is hidden            $('.spinner').css('display', 'none');            return false //stops further process        }    });我希望如果 modelstate 无效，微调器应该停止滚动以便进行更正。

Answer 1

正如评论中所建议的，在采取任何行动之前先验证您的表单。验证表单将检查所有模型属性是否正确：

$('#submitbtn').click(function () {

  if ($("#frmNameHere").valid()) {  //I added this

    var x = confirm("Are you sure to Submit Transaction?"); //confirm text

        if (x == true) {  //checking whether user clicked ok or cancel

        $('.spinner').css('display', 'block');  //if clicked ok spinner shown)  

    } else {  //else if clicked cancel spinner is hidden

        $('.spinner').css('display', 'none');

        return false //stops further process

    }

  }

});