当用户未填充所有掩码时，屏蔽输入空值

Question

我在表单上有电话输入。我使用蒙面输入，我必须创建一个模拟值的跨度，当用户点击输入时它会删除跨度，但如果用户没有填充所有蒙版，在模糊时，它会显示假值（跨度使用）。

我使用span coz我使用了值相同的问题..

$('#telefone').on({
            focus: function(){
                $('#contato span.value_telefone').hide();
                $('#contato #telefone').mask('(99) 9999-9999');
            },
            blur: function(){
                if($('#contato #telefone').val()=='' || $('#contato #telefone').val()=='(__) ____-____'){
                    $('#contato span.value_telefone').show();
                }
            }
        });
        $('#contato span.value_telefone').click(function(){
            $(this).hide();
            $('#contato #telefone').mask('(99) 9999-9999');
            $('#contato #telefone').focus();
        });

Answer 1

它不是完全相同的功能，但使用html5占位符属性要容易得多：

<input name="tel" placeholder="(99) 9999-9999"/>