<form id="login" name="login" action="~/f_login/Login" method="post">

     用户名：<input name="cuName" type="text" value="用户名/手机号"

                onfocus="if (value == '用户名/手机号') { value = '' }"

                onblur="if (value == '') { value = '用户名/手机号' }" /><br />

     密码：<input name="cPwd" type="password"><br />

     验证码：<input type="text" id="valText" name="code" />

     <img alt="验证码" id="validimg" src="@Url.Action("CreateImage","ValidationCode")" />

     <br />

     <input type="submit" id="flogin" value="登录" />&nbsp;&nbsp;&nbsp;&nbsp;

     <input type="reset" id="flogin" value="取消" />

 </form>

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

 <script type="text/javascript" src="~/Scripts/jquery.validate.min.js"></script>

 <script type="text/javascript">

     $(document).ready(function () {

         $("form").validate({

             rules   :{

                 cuNmae  : { required: true },

                 cPwd: { required: true },

                 code: {required:true}

                 //birhthDate  :{required: true, date: true},

                 //blogAddress :{url: true},

                 //emailAddress:{required: true, email: true}

             },

             messages: {

                 cuName: { required: "请输入姓名" },

                 cPwd: { required: "请输入密码" },

                 code: {required:"请输入验证码"}

                 //birhthDate  :{ required: "请输入出生日期", date: "请输入一个合法的日期"},

                 //blogAddress :{ url: "请输入一个合法的URL" },

                 //emailAddress:{ required: "请输入Email地址", email: "请输入一个合法的Email地址"}

             }

         });

     });

 </script>