[jQuery] Re: jQuery Form Validation

how about

$('input[type=text]').keyup(function() {

if ($(this).val().length == 2) {
$(this).prev().find('span').empty();
}
});

On Jul 26, 10:36 am, Tuppers360 <tuppers...@sky.com> wrote:
> Hi there just wondering if I can get some help from you guys?
>
> I have some code as per:
>
> // validate signup form on keyup and submit
>             var validator = $('form').validate({
>                 event: 'keyup',
>                 rules: {
>                     '<%= ddlRank.UniqueID %>': {
>                         required: true
>                     },
>                     '<%= txtSurname.UniqueID %>': {
>                         minlength: 2,
>                         required: true
>                     },
>                     '<%= txtForename.UniqueID %>': {
>                         minlength: 2,
>                         required: true
>                     },
>                     '<%= ddlGender.UniqueID %>': {
>                         required: true
>                     },
>                     '<%= txtBirthDate.UniqueID %>': {
>                         required: true,
>                         custEmailVal: true
>                     }
>
>                 }, //end rules
>                 messages: {
>                     '<%= txtSurname.UniqueID %>': {
>                         minlength: jQuery.format("Enter at least {0}
> characters"),
>                         required: "This field is required"
>                     },
>                     '<%= txtForename.UniqueID %>': {
>                         minlength: jQuery.format("Enter at least {0}
> characters"),
>                         required: "This field is required"
>                     },
>                     '<%= ddlGender.UniqueID %>': {
>                         required: "This field is required"
>                     },
>                     '<%= txtBirthDate.UniqueID %>': {
>                         required: "This field is required"
>                     }
>                 }, //end messages
>                 // specifying a submitHandler prevents the default
> submit, good for the demo
>                 submitHandler: function() {
>                     alert("submitted!");
>                 }, //end submitHandler
>                 // set this class to error-labels to indicate valid
> fields
>                 success: function(label) {
>                     // set &nbsp; as text for IE
>                     label.html("&nbsp;").addClass("checked");
>                     $('label.checked').addClass('alt');
>                     //$('form :input')
>                     //        .filter('.required').prev
> ('label.checked').find('span').hide();
>                 }, //end success function(label)
>                 invalidHandler: function(form, validator) {
>                     var errors = validator.numberOfInvalids();
>                     if (errors) {
>                         var message = errors == 1
>                         ? 'You missed 1 field. It has been
> highlighted'
>                         : 'You missed ' + errors + ' fields. They have
> been highlighted';
>                         $('<div></div>')
>                             .attr({
>                                 'id': 'submitError',
>                                 'class': 'warning'
>                             })
>                             .insertBefore('#newuserForm');
>                         $("div#submitError").html(message);
>                         $("div#submitError").show();
>                         $('form :input')
>                             .filter('.required').prev('label').find
> ('span').hide();
>                     } else {
>                         $("div#submitError").hide();
>                     }
>                 } //end invalidHandler
>             }); //end validate all
>
> my html is an ordered list and the within each li tag I have this
> structure:
>
> <label for="txtSurname" id="lblSurname">
>                         Surname:<span>(required)</span>
>                     </label>
>                     <input name="txtSurname" type="text"
> id="txtSurname" class="inputText required" />
>
> What I want to happen is when I have input two characters into the
> field so that it validates is to hide the span containing the word
> required. I cant seem to find it though! I am not sure if am am right
> though in using the success function with the argument label?? Can
> anyone see how i ould possibly get around this?
>
> I have had sucess with using the invalidHandler hiding the span but I
> cant hide it on only the one span at a time on the fly.
>
> Hope I explained myself!
>
> Tuppers