3
I’m using the plugin Masked Input Digitalbrush to format my phone field in the form, I tried this way and it didn’t work, someone can help me?
<head> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"> </script>
<script type="text/javascript" src="assets/mascara.js"></script>
</head>
And in the <body>:
<script type="text/javascript">
jQuery(function($){
$("#fone").mask("(99) 9999-9999");
});
</script>
<div class="col-lg-6 col-sm-6 ">
<form id="form" method="post" action="mail/phpmailer.php">
<input type="text" class="form-control" placeholder="Nome completo:" name="nome">
<input type="text" class="form-control" placeholder="E-mail:" name="email">
<input type="text" class="form-control" placeholder="Número para contato:" name="fone" id="fone">
<textarea rows="6" class="form-control" placeholder="Digite sua mensagem" name="msg"></textarea>
<button class="btn btn-success" id="enviar">Enviar</button>
</form>
</div>
I did the script in head and it didn’t work, placeholder could influence this script?
– Ricardo Feller
You have to put jquery.js before this code. jquery.js goes to Head. It can be in BODY
– pho3nix
No head:
<script src="assets/mascara.js"></script>
 <script type="text/javascript">
 $(document).ready(function($){
 $("#fone").mask("(99) 9999-9999");
 });
 </script>No body:<script type="text/javascript">
 jQuery(function($){
 $("#fone").mask("(99) 9999-9999");
 });
</script>– Ricardo Feller
And there’s jquery.js before the mascara.js?
– pho3nix
This:
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>?– Ricardo Feller
Yeah. That’s the one.
– pho3nix
I edited the question, you know where I’m wrong?
– Ricardo Feller
I used a tutorial and got it, thanks for the help! http://codigofonte.uol.com.br/codigos/mascara-para-phones-de-8-e-9-digitos-jquery
– Ricardo Feller
Turned out to be what?
– pho3nix
I followed that tutorial and put the script inside the tag form, then in the phone’s Hover applied the mask
– Ricardo Feller