[Video] Telephone DDD Mask (Brazilian code)

Submitted by Eric on Tue, 03/27/2018 - 16:13
With this tutorial we are able to add the DDD mask for customer's telephone.
 
  • mascara.js:
    //MÁSCARA DE TELEFONE
    function txtBoxFormat(objeto, sMask, evtKeyPress) {
    var i, nCount, sValue, fldLen, mskLen,bolMask, sCod, nTecla;
    if(document.all) { // Internet Explorer
    nTecla = evtKeyPress.keyCode;
    } else if(document.layers) { // Nestcape
    nTecla = evtKeyPress.which;
    } else {
    nTecla = evtKeyPress.which;
    if (nTecla == 8) {
    return true;
    }
    }
    sValue = objeto.value;
    // Limpa todos os caracteres de formatação que
    // já estiverem no campo.
    sValue = sValue.toString().replace( "-", "" );
    sValue = sValue.toString().replace( "-", "" );
    sValue = sValue.toString().replace( ".", "" );
    sValue = sValue.toString().replace( ".", "" );
    sValue = sValue.toString().replace( "/", "" );
    sValue = sValue.toString().replace( "/", "" );
    sValue = sValue.toString().replace( ":", "" );
    sValue = sValue.toString().replace( ":", "" );
    sValue = sValue.toString().replace( "(", "" );
    sValue = sValue.toString().replace( "(", "" );
    sValue = sValue.toString().replace( ")", "" );
    sValue = sValue.toString().replace( ")", "" );
    sValue = sValue.toString().replace( " ", "" );
    sValue = sValue.toString().replace( " ", "" );
    fldLen = sValue.length;
    mskLen = sMask.length;
    i = 0;
    nCount = 0;
    sCod = "";
    mskLen = fldLen;
    while (i <= mskLen) {
    bolMask = ((sMask.charAt(i) == "-") || (sMask.charAt(i) == ".") || (sMask.charAt(i) == "/") || 
    
    
    (sMask.charAt(i) == ":"))
    bolMask = bolMask || ((sMask.charAt(i) == "(") || (sMask.charAt(i) == ")") || (sMask.charAt(i) == " "))
    if (bolMask) {
    sCod += sMask.charAt(i);
    mskLen++; }
    else {
    sCod += sValue.charAt(nCount);
    nCount++;
    }
    i++;
    }
    objeto.value = sCod;
    if (nTecla != 8) { // backspace
    if (sMask.charAt(i-1) == "9") { // apenas números...
    return ((nTecla > 47) && (nTecla < 58)); }
    else { // qualquer caracter...
    return true;
    }
    }
    else {
    return true;
    }
    }

     

  •  page.xml
    <action method="addJs"><script>ddd/mascara.js</script></action>

     

  • billing.phtml
    onkeypress="return txtBoxFormat(this, '(99) 9999-9999', event);" maxlength="14" size="30 class="input-text <?php echo $this->helper('customer/address')->getAttributeValidationClass('Telephone') ?>"

     


FacebookTwitterGoogle+Share