ASP.NET与Jquery.Validation

Question

I am trying to configure valication plugin to perform validation of ASP.NET generated form:

   <script type="text/javascript">
    $(document).ready(function () {

        $("#aspnetForm").validate({
            rules: {
                "<%=ProjectName.ClientID%>": { required: true, minlength: 8 }
            },
            messages: {
                "<%=ProjectName.ClientID%>": { requred: "can not be empty", minlength: "type at least 8 chars" }

            },
            invalidHandler:
             function (form, validator) {
                 alert('validation failed!');
             },
            errorLabelContainer: $("#alert")
        });
    });
</script>

with HTML looking like this:

 <form name="aspnetForm" method="post" action="CreateProject.aspx"  
 onkeypress="javascript:return WebForm_FireDefaultButton(event, 'ctl00_ShutUpPostbackButton')" 
 id="aspnetForm" enctype="MULTIPART/FORM-DATA">

 <input id="ctl00_JQueryContent_ProjectName" type="text" style="width:99%;" maxlength="50" name="ctl00$JQueryContent$ProjectName">


 </form>

For some reason the aformenetioned FORM tag has (after loading the page)

   novalidate="novalidate" 

inclusion. I am clueless where it came from and if it interferes with my validation or not.

If I type INVALID one letter in the INPUT, plugin reacts by setting class="valid" to INPUT element, that is, something is working.

Besides getting this to work, I need to know how to disable/enable input elements (mainly buttons) depending on validation outcome. I know about invalidHandler, but what would be the handler for valid outcome? Please note that I need all validation to happen during typing.

Answer 1

This attribute is added by jquery.validate plugin in case of HTML5 validation. It is in source (lines 32-33) of jquery.validate:

// Add novalidate tag if HTML5.
this.attr( "novalidate", "novalidate" );

You can remove this attribute. Look on this discussion: http://forum.jquery.com/topic/disable-jquery-validate-when-html5-form-validation-is-present

Answer 2

submitHandler是什么触发后的成功验证的形式，如你所说， invalidHandler为验证失败的形式。