Question

在我的向导中，我使用了三个按钮Next Previous和Finish，如

<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>

Next和Previous输入类型是按钮，Finish是提交类型。因此，当我单击提交所有数据时，注释验证将根据我在模式中定义的验证规则验证表单。现在我想验证每一步意味着当我单击“下一步”按钮时，所有模型验证都应该验证表单，但是当我单击“上一次”验证时应该忽略。

请在MVC中输入类型为Button时如何验证表单。我谷歌很多，但没有找到任何适当的解决方案。

Answer 1

尝试下面的代码，

$(".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

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

1 个答案: