Mascara não funciona de jeito algum
Fala pessoal estou fazendo um página de captura, porém agora ao finalizar e fazer um mascara para telefone, a mascara não funciona de jeito algum, alguém pode dar uma olhada e me dizer o que tem de errado. obrigado!!!
<!doctype html>
<html>
<head lang="pt-br">
<meta charset="utf-8">
<title>Quero Morar em um Home Club</title>
<link rel="stylesheet" href="css/bootstrap.min.css" type="text/css">
<link rel="stylesheet" href="css/bootstrap-grid.min.css" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Nanum+Gothic|Pacifico" rel="stylesheet"><!--- jquery --->
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/jquery.mask.min.js"></script>
<script type="text/javascript" src="js/jquery-3.3.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#celular").mask("(00) 0000-00009")
$("#celular").blur(function(event){
if ($(this).val().length == 15){
$("#celular").mask("(00) 00000-0009")
}else{
$("#celular").mask("(00) 0000-00009")
}
})
})
</script>
</head>
<style>
h2 {margin-top:20px; color:#000; margin-top:50px; font-family: 'Pacifico', cursive;}
span {color:#FF0000;}
.form {background-color:rgba(255,255,255,0.63); border-radius: 5px;padding:15px;margin-top:100px;}
.lead {color:#000; }
body{background-image: url(image/balneario-camboriu.jpg); background-repeat: no-repeat;background-size: 1900px 960px;}@media (max-width: 600px)
{
body{background-image: url(image/balneario-camboriu.jpg); background-repeat: no-repeat;background-size:cover;}
}
</style>
<body>
<div align="center" class="conteudo">
<div class="container">
<div class="row">
<div class="col-md-12 col-lg-12 col-sm-12">
<h2> Quero morar a 5km do Centro de Balneário Camboriú!</h2>
</div>
</div>
<div class="row">
<div class="col-md-12">
<form class="form col-md-6" action="enviar.php" method="POST" enctype="multipart/form-data" name="formulario" >
<div class="form-group">
<p align="left" class="lead">Nome:<span>*</span></p>
<input class="form-control col-lg-12" placeholder="Digite seu nome" type="text" name="nome" required/>
</div>
<div class="form-group ">
<p align="left" class="lead">Email:<span>*</span></p>
<input class="form-control col-lg-12" placeholder="Digite seu melhor email" type="email" name="mail" required/>
</div>
<div class="form-group">
<p align="left" class="lead">Telefone:<span>*</span></p>
<input class="form-control col-lg-12" id="celular" placeholder="Digite seu telefone" type="text" name="phone" required/>
</div>
<div class="form-group">
<p align="left" class="lead">Mensagem:<span>*</span></p>
<textarea class="form-control col-lg-12" placeholder="Deixe sua mensagem" name="texto" ></textarea>
</div>
<br><br>
<button class="btn btn-primary" type="submit" name="enviar" valeu="Quero Morar em Home Club">Enviar</button>
</form>
</div>
</div>
<div class="row">
<div class="br">
<p align="center"></p>
</div>
</div>
</div>
</div>
</body>
</html>Discussão (2)
Carregando comentários...