Validation Plugin: Custom Submit

Validation Plugin: Custom Submit

The validation is not working in my customsubmit() function.  What am I doing wrong? 

Tony

  1. <html>
    <head>
    <meta charset=utf-8 />
    <title>Custom Submit</title>
      <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js" type="text/javascript"></script>
      <script src="http://ajax.microsoft.com/ajax/jQuery.Validate/1.7/jQuery.Validate.min.js"</script>
    </head>
    <body>
      <form name="testform" id="testform">
        <table>
            <tr>
                <td>
                       Date:
                </td>
                <td>
                    <input type="text" name="userdate" />
                </td>
               </tr>
            <tr>
                <td>
                    Number:   
                </td>
                <td>
                    <input type="text" name="usernumber" >
                </td>
            </tr>
            <tr>
                <td colspan="2">
                    <input value="Save" name="Save" type="button" onclick="CustomSubmit();"/>
                </td>
            </tr>
        </table>
      </form>
    <script>
         function CustomSubmit(){   
            $("#testform").validate({
                rules: {
                    userdate: {
                        required: true,
                        date: true
                    },
                    usernumber: {
                        required: true,
                        number: true
                    },
                },
                messages: {
                    userdate: {
                        required: "Please enter a date.",
                        date: "Please enter a valid date."
                    },
                    usernumber: {
                        required: "Please enter a number.",
                        number: "Please enter a valid number."
                    }
                },
                showErrors: function(errorMap, errorList){
                    if (errorList.length > 0) {
                        var summary = "You have the following errors: \n";
                        $.each(errorList, function(){
                            summary += " * " + this.message + "\n";
                        });
                        alert(summary);
                    }
                },
                submitHandler: function(form){
                    form.submit();
                }
            });
       }
    </script>
    </body>
    </html>