MVC - ClientValidationEnabled = true，但仍有回发，破坏了我的 jQuery答案

【问题标题】：MVC - ClientValidationEnabled = true, yet there is still a postback, ruining my jQueryMVC - ClientValidationEnabled = true，但仍有回发，破坏了我的 jQuery
【发布时间】：2013-03-13 12:06:18
【问题描述】：

我的页面上有一些 jQuery，当单击按钮时，它会显示一个带有一些控件的 div。原来div是隐藏的。

我在 web.config 中设置了 ClientValidationEnabled = true。如果我单击显示按钮，则显示带有控件的 div，但是如果我填写一些数据，然后单击提交按钮，而不是客户端验证启动，页面将重新加载，我又回到了开始, 隐藏了我的 div。

这可能是什么原因造成的？

这是我的看法...

<script type="text/javascript" src="~/Scripts/jquery-1.7.1.min.js"></script>
<h2>cardiac</h2>

<br>
@using (Html.BeginForm()) {
    @Html.ValidationSummary(true)
    <fieldset>
        <legend>cardiac</legend>
        <div id ="confirmdiv" class="notificationdiv" align="center">  
            Please check sample type, this screen is only for <b>Cardiac</b> results and <b>NOT</b> Liquid Cardiac.
            <br />    
            <input type ="button" id ="buttonConfirm" value ="Confirm"/>
            <input type ="button" id ="buttonBack" value ="Back"/>
        </div>
        <div id ="formdiv" style="display:none;">
            <br>
            Please fill in your results...    
            <br/>
            @Html.Partial("_CreateOrEdit", Model)    

            <input type="submit" value="Submit" />
        </div>
    </fieldset>
}

<script type="text/javascript">
    $(document).ready(function () {

        $("#buttonConfirm").click(function () {
            $("#confirmdiv").hide();
            $("#formdiv").show();
        });
    });
</script>

【问题讨论】：

标签： jquery asp.net-mvc validation postback

【解决方案1】：

您似乎包含了 jQuery，但没有包含其他必需的脚本。

尝试添加

<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.0/jquery.validate.min.js"></script>
<script type="text/javascript" src="http://ajax.aspnetcdn.com/ajax/mvc/3.0/jquery.validate.unobtrusive.min.js"></script>

这些将实现所需的验证属性。

编辑：哎呀，我假设您的模型上有必要的属性来根据需要调用验证

【讨论】：