mvc前端验证

前端验证时没反应，为什么？@model MkMis.Safety.Domain.Model.Notice
@*@model MkMis.Web.Models.Notice*@@{
    Layout = null;
}<!DOCTYPE html><html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>WelNoticeAdd</title>
    <link href="~/lib/css/notice_style.css" rel="stylesheet" type="text/css" />
    <script src="~/lib/jquery/jquery-1.5.2.js" type="text/javascript"></script>
    <script src="@Url.Content("~/lib/jquery-validation/jquery.validate.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/lib/jquery-validation/jquery.validate.unobtrusive.min.js")" type="text/javascript"></script>    <script type="text/javascript" src="../ckeditor/ckeditor.js"></script>
    <script type="text/javascript" src="../ckeditor/ckfinder.js"></script>
</head>
<body>
    <div class="wel_top">
        <div class="wt_img">
            <table border="0" cellspacing="0" cellpadding="0">
                <tr>
                    <td>
                        <img alt="" src="~/Images/subtitle_img.gif" /></td>
                    <td style="padding-left: 5px;">增加隐患通知信息</td>
                </tr>
            </table>
        </div>
        <div class="wt_line"></div>
    </div>
    @using (Html.BeginForm())
    {
        @Html.ValidationSummary(true)
        <div class="addborder">
            <table width="600" border="0" cellspacing="0" cellpadding="0" bgcolor="#CCCCCC">
                <tr>
                    <td bgcolor="#FFFFFF" height="25" width="80" align="right">标题：</td>
                    <td bgcolor="#FFFFFF" style="padding-left: 3px;">
                        @Html.EditorFor(model => model.Title)
                        @Html.ValidationMessageFor(model => model.Title)
                    </td>
                    <td bgcolor="#FFFFFF" height="25" width="80" align="right">发布人：</td>
                    <td bgcolor="#FFFFFF" width="220" style="padding-left: 3px;">
                        @ViewBag.LoginName
                    </td>
                </tr>
                <tr>
                    <td bgcolor="#FFFFFF" height="25" width="80" align="right">发布时间：</td>
                    <td bgcolor="#FFFFFF" style="padding-left: 3px;">
                        @*@Html.EditorFor(model => model.pubdate)
                        @Html.ValidationMessageFor(model => model.pubdate)*@
                        @ViewBag.Pubdate
                    </td>
                    <td bgcolor="#FFFFFF" height="25" width="80" align="right">是否禁用：</td>
                    <td bgcolor="#FFFFFF" style="padding-left: 3px;">
                        @Html.EditorFor(model => model.IsDisable)
                        @Html.ValidationMessageFor(model => model.IsDisable)
                    </td>
                </tr>
                <tr>
                    <td bgcolor="#FFFFFF" height="25" style="padding-left: 20px;">内容：</td>
                    <td bgcolor="#FFFFFF" colspan="4" height="150" style="padding-left: 20px;">@Html.TextAreaFor(model => model.Content)
                    </td>
                </tr>
            </table>
            <div style="text-align: right; width: 600px; padding-top: 10px;">
                <input type="submit" value="提交" />
            </div>
        </div>
    }
    <script type="text/javascript">
        window.onload = function () {
            CKEDITOR.replace('Content');
        };        $(document).ready(function () {
            $("form").validate({
                onsubmit:true,
                rules: {
                    Title: { required: true },
                    Content: { required: true },
                    publisher: { required: true },
                    pubdate: { required: true, date: true }
                },                messages: {
                    Title: { required: "请输入标题" },
                    Content: { required: "请输入内容" },
                    publisher: { required: "请输入发布人" },
                    pubdate: { required: "请输入发布日期", date: "请输入一个合法的日期" }
                }
            });
            $("td:first-child").css("text-align", "right");
        });    </script>
</body>
</html>
mvc验证前端验证

解决方案 »

  1.   

    在提交的input中加入类似 class="submit" 
    使用class方式 页面需要引入jquery.metadata.js 
      

  2.   

    这个代码在生成的源中为<input type="submit" value="提交" />，还需要再加class="submit"吗？
      

  3.   

    <script src="../../Scripts/jquery.validate.js" type="text/javascript"></script>要引用这个js
      

  4.   


    @using (Html.BeginForm()){}
    这个就是表单了
      

  5.   

    Title: { required: true },
    Content: { required: true },
    publisher: { required: true },
    pubdate: { required: true, date: true }而且我看到你只有一个name为Title的，其余三个没有看到，只会判断第一个Title