JQuery anwenden Eingabe-Maske "Feld" onfocus und entfernen onblur-so vermeiden Sie Probleme mit Platzhalter text

Habe ich das Datum der Geburt Feld text ein:

<input type="text" id="dob" name="dob" placeholder="Date of Birth" />

Ich bin mit einem jQuery-plugin (Charl van Niekerk ist Platzhalter text), um sicherzustellen, dass ältere Browser finden Sie in der Platzhalter-text. Alles gut so weit.

Wenn mein Geburtsdatum-Feld angeklickt wird, möchte ich wechseln Sie aus dem Platzhalter-text in eine Eingabemaske. Dafür bin ich mit einem anderen plugin (http://digitalbush.com/projects/masked-input-plugin/).

Allerdings habe ich nur wollen, aktivieren Sie die Eingabemaske onfocus, und entfernen Sie es, onblur, sonst Stoppt es die Platzhalter-text angezeigt wird.

Brauche ich etwas wie:

$(document).ready(function() {    
    $('#dob').focus(function() {  
        $.mask.definitions['~']='[+-]';
        $('#dob').mask('99/99/9999');  
    });
    $('#dob').blur(function() {
        //Something here to unmask?   
    });  
});

Dieser code funktioniert nicht im moment. Irgendwelche Ideen?

InformationsquelleAutor Paul | 2011-01-27

  1. 4

    Lesen der plugin-code, es sollte möglich sein, dies zu tun (ungetestet):

    (function($) {
  $(document).ready(function() {
    $('#dob').focus(function() {
      $.mask.definitions['~']='[+-]';
      $(this).mask('99/99/9999');
    }).blur(function() {
      $(this).unmask();
    });
  });
})(jQuery);

    Beachten Sie, dass ich Hinzugefügt (function($){})(jQuery) - ich glaube, es ist eine gute Praxis, wickeln den gesamten code in dieser Art und Weise.

    wenn entlarven, funktioniert nicht, ein Problem melden, für die der Autor sich hier: github.com/digitalBush/jquery.maskedinput/issues
    Vielen Dank für Ihre Hilfe. Es hat nicht funktioniert, aber ich kann sehen, warum es sollte. Ich werde versuchen, ein anderes ähnliches plugin, um zu sehen, ob das behebt.
    wenn ich eine chance bekomme, werde ich es ausprobieren und sehen, was Los ist.

    InformationsquelleAutor Paul Spencer

Schreibe einen Kommentar