jquery validation demo
<script type="text/javascript"> $(document).ready(function() { jQuery.extend(jQuery.validator.messages, { required: "必选字段", remote: "请修正该字段", email: "请输入正确格式的电子邮件", url: "请输入合法的网址", date: "请输入合法的日期", dateISO: "请输入合法的日期 (ISO).", number: "请输入合法的数字", digits: "只能输入整数", creditcard: "请输入合法的信用卡号", equalTo: "请再次输入相同的值", accept: "请输入拥有合法后缀名的字符串", maxlength: jQuery.validator.format("请输入一个长度最多是 {0} 的字符串"), minlength: jQuery.validator.format("请输入一个长度最少是 {0} 的字符串"), rangelength: jQuery.validator.format("请输入一个长度介于 {0} 和 {1} 之间的字符串"), range: jQuery.validator.format("请输入一个介于 {0} 和 {1} 之间的值"), max: jQuery.validator.format("请输入一个最大为 {0} 的值"), min: jQuery.validator.format("请输入一个最小为 {0} 的值") }); }); $(document).ready(function() { $("form").validate({ rules: { ID: "required", Name: { required: true,minlength:4,maxlength:10 }, //add rules here Pwd: "required", Birthday:{required:true,dateISO:true,date:true} } //end rules });//end validate });//end document ready </script> <h2>Teacher</h2> <% using (Html.BeginForm() ) {%> <%= Html.ValidationSummary(true) %> <fieldset> <legend>Fields</legend> <div class="editor-label"> <%= Html.LabelFor(model => model.ID) %> </div> <div class="editor-field"> <%= Html.TextBoxFor(model => model.ID) %> <%= Html.ValidationMessageFor(model => model.ID) %> </div> <% } %>
部分摘自: http://student.csdn.net/space.php?uid=42425&do=blog&id=8663