Come ottenere la funzione jQuery MaskedInput unmask() per funzionare correttamente?

Question

Sto cercando di avere un input sulla mia pagina che mi piacerebbe avere una maschera del numero di telefono degli Stati Uniti per impostazione predefinita. Se un utente finale fa clic su una casella di controllo che specifica di voler inserire un numero di telefono internazionale, desidero rimuovere la maschera.

Ho provato diversi modi e finora non ho avuto successo. Nel progetto corrente sto usando jQuery per nascondere/mostrare un input completamente diverso. Ma non mi piace questa opzione e vorrei un approccio più snello.

Sto usando il seguente:

jQuery 1.4.1 (che va per l'aggiornamento a 1.4.2 presto) e jQuery.MaskedInput-1.2.2

<script type="text/javascript"> 
$(document).ready(function($) { 
    if ($("#InternationalOfficePhone").attr('checked') == false) { 
    $("#OfficePhone").mask("(999) 999-9999? x99999"); 
    } 
}); 

$("#InternationalOfficePhone").click(function() { 
    if ($("#InternationalOfficePhone").attr('checked') == true) { 
    //$("#OfficePhone").mask(); //doesn't work 
    //$("#OfficePhone").unmask(); //doesn't work 
    $("#OfficePhone").unmask("(999) 999-9999? x99999"); //doesn't work 
    } else { 
    $("#OfficePhone").mask("(999) 999-9999? x99999"); 
    } 
}); 
</script> 

Il codice precedente funziona correttamente per impostare la maschera predefinita, ma non importa cosa provo sull'evento click per InternationalOfficePhone, non rimuove la maschera.

Qualsiasi aiuto è molto apprezzato.

Answer 1

Sono riuscito a capire il codice per farlo funzionare. Di seguito è riportato il codice che sto usando ora.

<script type="text/javascript"> 
$(function($) { 
    $("#OfficePhone").mask("(999) 999-9999? x99999"); 
    $("#InternationalOfficePhone").click(function() { 
    var mask = "(999) 999-9999? x99999"; 
    if ($("#InternationalOfficePhone").is(':checked')) { 
     $("#OfficePhone").unmask(mask); 
    } else { 
     $("#OfficePhone").mask(mask); 
    } 
    }); 
}); 
</script> 

Answer 2

Provare a utilizzare il controllo :checked anziché attr, penso che sia questo il problema. Voglio dire usare $('#InternationalOfficePhone').is(':checked') nella condizione if.

Answer 3

Non è necessario passare un parametro alla funzione unmask! Usalo senza un parametro e funziona bene.

$("#OfficePhone").unmask(); 

Answer 4

corro attraverso lo stesso problema, e quello che mi ha aiutato è:

var maskedInput = $("#id").data('mask'); 
    if (maskedInput) { 
     maskedInput.remove(); 
    } 

Answer 5

Rimuovere l'InputMask:

$(selector).inputmask('remove'); 

o

var input = document.getElementById(selector); 
if (input.inputmask) 
    input.inputmask.remove() 

o

Inputmask.remove(document.getElementById(selector)); 

Answer 6

Sto usando query.maskedinput.js Versione: 1.4.1 ho fatto riferimento https://github.com/digitalBush/jquery.maskedinput/blob/bb66bf9b1c3eddd1d2349cee103127ae08d0a877/demo/index.html

lo smascheramento è fatto da $ ("ingresso") sfocatura (function() {$ (. "#info"). html ("Valore non mascherato:" + $ (this) .mask());

esempio Masking è

$ ("# pannumber") maschera ("aaaaa 9999 una.");

Smascherare

$ ("# pannumber"). Sfocatura (function() {

var pannumber = $ (questo).maschera();