Untitled

<html>
        <head>
        <title>data for validation</title>
        <link rel="stylesheet" href="http://jqueryvalidation.org/files/demo/site-demos.css">
        <script src="jquery-1.12.0.min.js" type="text/javascript"></script>
         <script src="jquery.validate.min.js" type="text/javascript"></script>
        <!--<script type="text/javascript"></script>-->
        <script>
         $(document).ready(function(){
        // add custom method
             $.validator.addMethod("myupper", function(value, element) {
                    return /^[A-Z]*$/.test(value);
             });

        jQuery.validator.setDefaults({
          debug: true,
          success: "valid"
         //alert "dfdsfhsk";
        });

        $("#frm").validate({
                         rules:{
                             username:{
                                 required:true,
                                 myupper:true
                             },

                                 password:{
                                 required:true,
                                 digits: true,
                                 minlength:3
                             },
                             email:{
                                 required:true,
                                 email: true,
                            },
                         },messages:{
                            username:{
                                 required:"User Name Required",
                                 myupper:"User Name must be Upper case" // custom method error message
                             },
                             password:{
                             password:{
                                required:"password Required",
                                digits:"digit only",
                                minlength: 'Minimum 3 digits required'
                             },
                             email:{
                                required:"email Required",
                                //digits:"digit only",
                                //minlength: 'Minimum 3 digits required'
                             },
                         }
         });
         });
         </script>
        </head>

        <body>
        <form action="" method="post" id="frm">
        <table border="1" align="center">
        <h1 align ="center" style="color:red">Registration form!!!</h1>
        <tr>
        <th>username</th>
        <td><input type="text" maxlength="10" name="username" placeholder="Enter username"></td>
        </tr>
        <tr>
        <th>password</th>
        <td><input type="password" maxlength="10" name="password" placeholder="Enter password"></td>
        </tr>
        <tr>
        <th>email</th>
        <td><input type="text" maxlength="30" name="email" placeholder="Enter email"></td>
        <tr>
        <td colspan="2" align="center"><input type="submit"  name="submit" value="submit"/></td>
        </tr>
        </table>

        </form>
        </body>
        </html>