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

原文地址:https://www.cnblogs.com/wucg/p/1850527.html