jquery-validate form validation

 

 (1)

<script type="text/javascript" src="/spring4mybatis3/easyui/jquery.min.js"></script>
<script type="text/javascript" src="/spring4mybatis3/easyui/jquery.validate.js"></script>

 

(2)

$().ready(function() {
    $("#form1").validate({
        rules:
        {
          userNo: {
           required: true,
           maxlength: 50
          },
          email:{
            required: true,
            email: true,
            equalTo: "#userNo"
          },
          phone:{
            required: true,
            minlength: 5
          },
          creDate:{
            required: true,
            minlength: 5
          }
        },
        messages:
        {
         userNo: {
           required: "Please enter the user ID",
           maxlength: "The length cannot be greater than 50"
          },
          email:
          {
            required: "Please enter the email address",
            email: "Please enter the correct email address",
            equalTo: "The email address is inconsistent with the user ID "
          },
          phone:
          {
            required: "Please enter the phone number",
            //minlength: jQuery.format("Password cannot be less than {0} characters")
            minlength: "Password cannot be less than 5 characters"
          },
          creDate:
          {
            required: "Please enter a date"
          }
        }
    });
  });

 

(3) Form verification

 var isValid = $('#form1').valid();