mvc前端验证

xuanbao52 2013-06-04 11:44:12

前端验证时没反应，为什么？

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

...全文

12039 7 打赏收藏转发到动态举报

写回复

用AI写文章

7 条回复

切换为时间正序

请发表友善的回复…

发表回复

xuanbao52 2013-06-04

打赏
举报

引用 2 楼 banian_cn 的回复:

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

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

Banianer 2013-06-04

打赏
举报

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

xuanbao52 2013-06-04

打赏
举报

是提交时没反应

-烟花雨季 2013-06-04

打赏
举报

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

-烟花雨季 2013-06-04