Buenas pessoal, estou com um probleminha em um código que transforma o campo de Telefone para este formato: (51) 96321-5465, porém toda vez que clico em Enviar o formulário ele diz no campo: "É preciso que o formato corresponda ao exigido." e não deixa enviar o formulário, o código é este:

	<!-- Formatar campo telefone -->
	<script type="text/javascript">
	/* Máscaras ER */
	function mascara(o,f){
	    v_obj=o
	    v_fun=f
	    setTimeout("execmascara()",1)
	}
	function execmascara(){
	    v_obj.value=v_fun(v_obj.value)
	}
	function mtel(v){
	    v=v.replace(/\D/g,"");             //Remove tudo o que não é dígito
	    v=v.replace(/^(\d{2})(\d)/g,"($1) $2"); //Coloca parênteses em volta dos dois primeiros dígitos
	    v=v.replace(/(\d)(\d{4})$/,"$1-$2");    //Coloca hífen entre o quarto e o quinto dígitos
	    return v;
	}
	function id( el ){
		return document.getElementById( el );
	}
	window.onload = function(){
		id('telefone').onkeypress = function(){
			mascara( this, mtel );
		}
	}
	</script> <!-- FIM Formatar campo telefone -->
 
E onde quero que apareça o campo para informar o telefone:

< div class="campo">
	< label for="telefone">Telefone</label>
	< input type="text" id="telefone" name="telefone" placeholder="Somente números" size="16" maxlength="15"  value="" pattern="[0-9]+$"/>
< /div>

A pergunta é: por que fica aparecendo esta mensagem e não deixa enviar mesmo o campo não possuindo um required? Abraços!