码迷,mamicode.com
首页 > Web开发 > 详细

MVC笔记2:mvc+jquery.validate.js 进行前端验证

时间:2015-09-28 11:34:05      阅读:164      评论:0      收藏:0      [点我收藏+]

标签:

1.引用如下js和css 代码

    <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" 
        type="text/css" />
    <link href="@Url.Content("~/Content/themes/base/jquery.ui.theme.css")" rel="stylesheet" 
        type="text/css" />
    <script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" 
        type="text/javascript"></script>

     <script src="@Url.Content("~/Scripts/jquery.unobtrusive-ajax.min.js")" 
        type="text/javascript"></script>

    
     <script src="@Url.Content("~/Scripts/jquery.validate.min.js")" 
        type="text/javascript"></script>

 2.验证代码

 <script type="text/javascript">
    
     $(document).ready(function () {
           $("form").validate({
               rules   :{
                   titlenew: { required: true },
              
              },
  
         messages: {
             titlenew: { required: "请输入姓名" },
             
            }           
        });
     });
</script>

3. html代码

@using(Html.BeginForm("form")){

    @Html.TextBoxFor(m => m.titlenew); 
    @Html.ValidationMessage("titlenew");
    <input type="submit"  value="提交"/>
    }


点击提交,将会出现“请输入姓名”的提示

MVC笔记2:mvc+jquery.validate.js 进行前端验证

标签:

原文地址:http://www.cnblogs.com/tiancai/p/4843511.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!