validating twice really so I was thinking that when the validation
call is done and the field, whatever it may be is correct then it
removes the span.
Problem is I dont get where the plugin adds the checked class I know
that it does add a checked class as I have a css file to add an image
when there is 'label.checked' I have tried find the labels with this
class to then find the span class from and then hide the span there
but I cant seem to find it!
I hope you understand that?
On Jul 26, 11:10 pm, FrenchiINLA <Mamali.Sohe...@gmail.com> wrote:
> 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 as text for IE
> > label.html(" ").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- Hide quoted text -
>
> - Show quoted text -
No comments:
Post a Comment