时间戳

首页 > 解决方案 > 表单模型状态无效时加载微调器

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

问题描述

美好的一天，伙计们，

我有一个微调器，效果很好。当我单击提交按钮时，它会询问用户是否要提交，如果确定按下，它会触发控制器中的 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
        }
    });

我希望如果模型状态无效，微调器应该停止滚动，以便进行更正。

标签： javascriptcssasp.net-mvc

解决方案

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

$('#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
    }
  }
});

推荐阅读