Advertisement
Guest User

CodigoAngular

a guest
Feb 25th, 2017
79
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 3.49 KB | None | 0 0
  1. <div class="footer-col contactForm contato text-center" ng-app="myapp">
  2.           <h3>Contate-nos</h3>
  3.           <div class=" ">
  4.             <form name="sentMessage" id="contactForm" ng-controller="contatoController">
  5.               <div class="row control-group">
  6.                 <div class="form-group col-xs-12 floating-label-form-group controls">
  7.                   <label>Nome</label>
  8.                  <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.">
  9.                   <p class="help-block text-danger"></p>
  10.                 </div>
  11.               </div>
  12.               <div class="row control-group">
  13.                 <div class="form-group col-xs-12 floating-label-form-group controls">
  14.                   <label>Assunto</label>
  15.                   <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.">
  16.                   <p class="help-block text-danger"></p>
  17.                 </div>
  18.               </div>
  19.               <div class="row control-group">
  20.                 <div class="form-group col-xs-12 floating-label-form-group controls">
  21.                   <label>Endereço de Email</label>
  22.                   <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.">
  23.                   <p class="help-block text-danger"></p>
  24.                 </div>
  25.               </div>
  26.               <div class="row control-group">
  27.                 <div class="form-group col-xs-12 floating-label-form-group controls">
  28.  
  29.                   <label>Telefone</label>
  30.                   <input type="tel" class="form-control" ng-model="telefone" placeholder="Telefone" id="phone" name="phone">
  31.                   <p class="help-block text-danger"></p>
  32.                 </div>
  33.               </div>
  34.               <div class="row control-group">
  35.                 <div class="form-group col-xs-12 floating-label-form-group controls">
  36.                   <label>Mensagem</label>
  37.                   <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>
  38.                   <p class="help-block text-danger"></p>
  39.                 </div>
  40.               </div>
  41.               <br>
  42.               <div id="success"></div>
  43.               <div class="row">
  44.                 <div class="form-group col-xs-12">
  45.                  <button id="btnSubmit" class="btn btn-success btn-lg" ng-click="enviar()">Enviar</button>
  46.                 </div>
  47.               </div>
  48.             </form>
  49.           </div>
  50.         </div>
  51.  
  52.  
  53.  
  54.  
  55.  
  56.  
  57.  
  58.  
  59.  
  60. <script src="angular/angular.js"></script>
  61. <script src="angular-route/angular-route.js"></script>
  62.  
  63.  
  64. <script type="text/javascript">
  65.     var app = angular.module('myapp', []);
  66.  
  67.     app.controller('contatoController', function($scope, $http){
  68.         var data = {nome: $scope.nome, assunto: $scope.assunto, enderecoMail: $scope.mail, telefone: $scope.telefone, mensagem: $scope.mensagem };
  69.         var site = 'url do site';
  70.         var header = {headers : {'Content-Type': 'application/json'}};
  71.  
  72.         $scope.enviar = function(){
  73.             $http.post(site, data, header);
  74.         }
  75.     });
  76. </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement