如何在按钮单击时验证MVC中的表单？

在我的向导，我使用的三个按钮下一页，并完成像如何在按钮单击时验证MVC中的表单？

<div class="wizard-footer"> 
      <div class="pull-right"> 
       <input type='button' class='btn btn-next btn-fill btn-success btn-wd btn-sm' name='next' value='Next' /> 
       <input type='submit' id='btnSubmit' class='btn btn-finish btn-fill btn-success btn-wd btn-sm' name='finish' value='Finish' /> 

      </div> 
      <div class="pull-left"> 
       <input type='button' class='btn btn-previous btn-fill btn-default btn-wd btn-sm' name='previous' value='Previous' /> 
      </div> 
      <div class="clearfix"></div> 
     </div>

下一个和上输入类型是按钮，完成的就是提交类型。所以当我点击提交所有数据注解验证时，根据我在模式中定义的验证规则验证表单。现在我想验证每一步意味着当我点击下一步按钮时，所有的模型验证应该验证表单，但是当我点击时，先前的验证应该忽略。

当输入类型是MVC中的按钮时，请帮助我了解如何验证表单。我谷歌很多，但没有找到任何适当的解决方案。

来源

2015-02-24 Namit Kumar

的可能重复[我怎样才能编程触发客户端验证由Razor视图设置？]（http://stackoverflow.com/questions/ 12902013/how-can-i-programmatically-trigger-client-side-validation-set-up-a-razor-view） – CodeCaster 2015-02-24 11:31:20

不，它不适合我。我已经尝试过了。 – 2015-02-24 11:34:20

那么这就是做这件事的方法，而且它不会从你的问题中显示出你尝试过。如果不起作用，请显示所有相关的代码并解释它做了什么或没有做什么。 – CodeCaster 2015-02-24 11:35:22

尝试娄代码，

$(".btn-next").click(function() { 
    if ($("form").valid()) { 
     //Some code to move on next tab 
    } else { 
     //Do something if form is InValid 
     // Error messages will be auto populated, in case if you want some more furniture, use this block :) 
    } 
});

Demo

来源

2015-02-24 11:43:01

让我检查一下。我只需要这样的东西。 – 2015-02-24 11:45:25

其实这是验证窗体，但它没有显示任何错误信息。我用这个表单完成了数据注解验证。有没有什么办法验证失败时会显示这些错误信息？ – 2015-02-24 11:49:30

是的这样它也会填充错误信息，只是检查小提琴 – 2015-02-24 11:50:09

如何在按钮单击时验证MVC中的表单？

回答

相关问题