3

Tenho uma app em Ionic que envia mensagens. Já me ajudaram, aqui no forum mesmo, a fazer uma maneira que não permita que o usuário possa tocar no botão enviar, sem tem digitado nada, para a mensagem não ir em branco. Blz, funciona legal

<button class="button button-clear button-positive" ng-disabled="msgForm.msg.$invalid && disableButton" ng-click="enviarMsg(mensagem)">Enviar</button>

controller:

$scope.enviarMsg = function (mensagem) {
    $scope.disableButton = true;

    var dia = moment().format(); //2016-02-16 T 16:05:52-02:00
    var diaP = dia.split('T');
    var dia = diaP[0];

    var horaP = diaP[1];
    var horaP2 = horaP.split(':');
    var hora = horaP2[0]+':'+horaP2[1];

    var enviaMsg = {
        mensagem: mensagem,
        idUsuario: $window.localStorage.getItem('idUsuario'),
        idCep: $window.localStorage.getItem('idCep'),
        nome: $window.localStorage.getItem('nome'),
        dia: dia,
        hora: hora
    }
    $http.post("http://www.vigilantescomunitarios.com/www/php/enviaMsgLogra.php", enviaMsg).success(function (data){
        $scope.disableButton = false;
        pegaMsgsLogra();
        $scope.mensagem = {
          msg: ""
        }

    });
}

Porém, como as vezes a mensagem demora pra sair, gostaria que o botão fica, também, desabilitado e o campo, também, até que a mensagem seja enviada. Como eu poderia fazer isso? pois já estou usando ng-disabled no botão.

8
  • pt.stackoverflow.com/questions/115273/… Commented 10/05/2016 às 19:55
  • Amigo, esse post que vc colou aqui, eu quem fiz e me ajudou em uma parte da minha dúvida. Agora a dúvida é outra. Commented 10/05/2016 às 20:00
  • De acordo com o quê vc descreveu parece a mesma coisa.. Melhore um pouco sua pergunta. Commented 10/05/2016 às 20:03
  • Qual sua sugestão de pergunta? Pois parecem a mesma mas não é kkkk Commented 10/05/2016 às 20:04
  • 1
    ng-disabled="msgForm.msg.$invalid && condicaoMensagem" Commented 10/05/2016 às 20:04

2 Respostas 2

3

Você pode tentar dessa forma:

//Controller

$scope.disableButton = false;

function myController(){
$scope.disableButton = true;
//Requisição
....
//Após o fim da requisição disableButton volta a ser false
$scope.disableButton = false;
}

Html:

<input type="text" ng-disabled="disableButton"/>
<button class="button button-clear button-positive" ng-disabled="msgForm.msg.$invalid || disableButton" ng-click="enviarMsg(mensagem)">Enviar</button>

Exemplo: http://jsfiddle.net/Lvc0u55v/3787/

7
  • Valeu,vou tentar... Commented 10/05/2016 às 20:32
  • Já tenho essa declaração, lá em cima, no início de todo o controller, junto com a inicialização de outras variáveis, o $scope.disableButton = false; Commented 10/05/2016 às 20:34
  • Mas tentarei mesmo assim. Commented 10/05/2016 às 20:35
  • @GustavoSevero Atualizei o código, use || ao invés de &&. Coloquei um exemplo também. Commented 10/05/2016 às 20:40
  • Valeu Diego. O que faz esse "ng-disabled="disableButton" " no campo de input/ Commented 11/05/2016 às 17:46
0

Faz o seguinte: Na tag form, insira o seguinte código:

 onsubmit="this.enviar.value = 'Enviando...'; this.enviar.disabled = true;"

Após, no botão submit, insira o seguinte código:

name="enviar" id="enviar-contato"

Ele vai procurar o botão com o name, após o submit, ele irá desabilitar, e não via mais poder ser clicado até que o envio seja feito.

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .