Plugin jQuery to add text mask

by Yure Pereira

HTML

<form>
  <input type="text" data-text-mask="http://" id="txt_email">
</form>

JavaScript

/**
 * Adicionar mascara no formato de url "http://"
 */
$.fn.textMask = function (e) {

    $(this).on('keyup keypress focus', function () {

        var field = $(this);
        var text = field.data('text-mask');
        var textLength = text.length;

        if (field.val().length < textLength) {

            field.val(text);
            e.preventDefault();
            return false;

        }

    });

    return this;

};

$('#txt_email').textMask();