qtip + jquery validation not showing the title of the input

[mbarros]

Hi!

I have one input: <input type="text" name="user" id="user" title="test" /> but whenever I positioned the mouse over this input, the default toolbox appeared. So, I removed it using:

JS Code

$('#user').each(function() {
    $this = $(this);
    $.data(this, 'title', $this.attr('title'));
    $this.removeAttr('title');
  });

The default toolbox no longer appears...

But How to add the title again only when the qTip toolbox appear?

Here is my complete code:

JS Code

$(document).ready(function(){
  $('#user').each(function() {
    $this = $(this);
    $.data(this, 'title', $this.attr('title'));
    $this.removeAttr('title');
  });
 
  var Login = $('#login');
 
  Login.validate({
    errorClass: "req",
    errorLabelContainer: $(".req"),
    onkeyup: false,
    rules: {
      user: { required: true },
    },
 
    errorPlacement: function(error, element)
    {
      $(element).filter('#user').qtip({
        overwrite: false,
        content: error,
        position: {
          corner: {
            target: 'topMiddle',
            tooltip: 'bottomMiddle'
          }
        },
 
        show: {
          event: false,
          ready: true,
          when: {
            event: 'focus',
            event:false
          }
        },
 
        hide: {
          when: {
            event: 'keypress'
          }
        },
 
        style: {
          background: '#7c1623',
          border: {
            color: '#7c1623',
            radius: 5,
            width: 5
          },
          color: '#fff',
          name: 'red',
          padding: 5,
          tip: true
        }
      });
    }
  });
});

[Craig]

Well it looks like you're storing the title as data so:

JS Code

api: {
   onRender: function() {
      var target = this.elements.target;
      target.attr('title', target.data('title'));
   }
}

[mbarros]

@Craig

Thanks for the help, but there remains a doubt:

- After saving the title, how to display it, replacing the default text "This field is required."?

Thanks

(16th November 19:53)Craig Wrote:  Well it looks like you're storing the title as data so:

JS Code

api: {
   onRender: function() {
      var target = this.elements.target;
      target.attr('title', target.data('title'));
   }
}

[Craig]

Oh I see, try this:

JS Code

content: $(element).data('title')