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

时间:2020-08-05 13:07:03

标签: javascript css asp.net-mvc

伙计们,

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

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

1 个答案:

答案 0 :(得分:1)

根据评论中的建议,在执行任何操作之前先验证您的表单。验证表单将检查所有Model属性是否正确:

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