Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <div class="footer-col contactForm contato text-center" ng-app="myapp">
- <h3>Contate-nos</h3>
- <div class=" ">
- <form name="sentMessage" id="contactForm" ng-controller="contatoController">
- <div class="row control-group">
- <div class="form-group col-xs-12 floating-label-form-group controls">
- <label>Nome</label>
- <input type="text" class="form-control" ng-model="nome" placeholder="Nome" id="name" name="name" required data-validation-required-message="Por favor, informe seu nome.">
- <p class="help-block text-danger"></p>
- </div>
- </div>
- <div class="row control-group">
- <div class="form-group col-xs-12 floating-label-form-group controls">
- <label>Assunto</label>
- <input type="text" class="form-control" ng-model="assunto" placeholder="Assunto" id="subject" name="subject" required data-validation-required-message="Por favor, informe o assunto.">
- <p class="help-block text-danger"></p>
- </div>
- </div>
- <div class="row control-group">
- <div class="form-group col-xs-12 floating-label-form-group controls">
- <label>Endereço de Email</label>
- <input type="email" class="form-control" ng-model="email" placeholder="Endereço de Email" id="email" name="email" required data-validation-required-message="Por favor, informe seu email.">
- <p class="help-block text-danger"></p>
- </div>
- </div>
- <div class="row control-group">
- <div class="form-group col-xs-12 floating-label-form-group controls">
- <label>Telefone</label>
- <input type="tel" class="form-control" ng-model="telefone" placeholder="Telefone" id="phone" name="phone">
- <p class="help-block text-danger"></p>
- </div>
- </div>
- <div class="row control-group">
- <div class="form-group col-xs-12 floating-label-form-group controls">
- <label>Mensagem</label>
- <textarea rows="2" class="form-control" ng-model="mensagem" placeholder="Mensagem" id="message" name="message" required data-validation-required-message="Por favor, escreva sua mensagem"></textarea>
- <p class="help-block text-danger"></p>
- </div>
- </div>
- <br>
- <div id="success"></div>
- <div class="row">
- <div class="form-group col-xs-12">
- <button id="btnSubmit" class="btn btn-success btn-lg" ng-click="enviar()">Enviar</button>
- </div>
- </div>
- </form>
- </div>
- </div>
- <script src="angular/angular.js"></script>
- <script src="angular-route/angular-route.js"></script>
- <script type="text/javascript">
- var app = angular.module('myapp', []);
- app.controller('contatoController', function($scope, $http){
- var data = {nome: $scope.nome, assunto: $scope.assunto, enderecoMail: $scope.mail, telefone: $scope.telefone, mensagem: $scope.mensagem };
- var site = 'url do site';
- var header = {headers : {'Content-Type': 'application/json'}};
- $scope.enviar = function(){
- $http.post(site, data, header);
- }
- });
- </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement