Advertisement
Guest User

Untitled

a guest
May 22nd, 2015
207
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. <ons-template id="login.html">
  2. <ons-page>
  3.  
  4. <!-- Template para demonstração, você chama a função entrar, ela puxa um template,
  5. verifica qualquer o input e retorna para o template de login.
  6. quando vc modifica o valor do input, e envia novamente, ele mantém o valor da primeira vez pra sempre =D
  7.    -->
  8.  
  9.     <input type="text" class="text-input nome" placeholder="Nome">
  10.     <ons-button class="login-button" ng-click="entrar();">Entrar</ons-button><br><br>
  11. </ons-page>
  12. </ons-template>
  13.  
  14.  
  15. <script>
  16. var module = ons.bootstrap('app', ['onsen']);
  17.   module.controller('FormularioCadastro', function($scope) {  
  18.   ons.ready(function() {
  19.   });  
  20.   $scope.confirm = function() {
  21.     ons.notification.confirm({
  22.       title: 'Confirmação',
  23.       cache: false,
  24.       animation: 'slide',
  25.       buttonLabels: ["Voltar e Conferir", "Cadastrar"],
  26.       message: 'Deseja efetuar o cadastro?',
  27.       callback: function(idx) {
  28.         switch(idx) {
  29.           case 1:
  30.             cadastrar();
  31.           break;
  32.         }
  33.       }
  34.     });
  35.   }
  36. });
  37.  
  38.  
  39. function entrar(){ // Função chamada no click Entrar
  40. nav.pushPage('loading.html', { animation: 'slide' }) // Chama o template loading, apenas mensagem com gif
  41.     var nome = $('.nome').val(); // Pega o valor do input nome
  42.         alert(nome); // Aqui aparece o valor do input, que sempre repete o da primeira tentativa, louco, não?
  43.         if(nome != ''){ // Verifica se o input está vazio
  44.         nav.pushPage('login.html', { animation: 'slide' }) // Se não estiver vazio, retorna para a página de login
  45.         }
  46. }
  47. </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement