Ir para conteúdo
Fórum Script Brasil
  • 0

Estou tendo um erro ao executar funções na minha planilha usando o HTML (sou novo nisso)


Felipe de Souza

Pergunta

Essa é a linha digitada:

 

  <html>
    <head>
      <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">   
      <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">
      <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    </head>
    <body>
      <form method="get" action=".">
      <div class="objeto">
        <div class="row">
        <div class="input-field col s6">
          <i class="material-icons prefix">person</i>
          <input id="Cliente" type="text">
          <label for="Cliente">Cliente</label>
        </div>
        <div class="input-field col s6">
          <i class="material-icons prefix">control_point</i>
          <input id="CPF" type="text" onkeyup = "MascaraCPF(this)" maxlength= "14">
          <label for="CPF">CPF</label>
        </div>
        <div class="input-field col s6">
          <i class="material-icons prefix">phone</i>
          <input id="Contato1" type="tel" onkeyup = "MascaraTelefone(this)" maxlength="14">
          <label for="Contato1">Contato1</label>
        </div>
        <div class="input-field col s6">
          <i class="material-icons prefix">phone</i>
          <input id="Contato2" type="tel" onkeyup = "MascaraTelefone2(this)" maxlength="14">
          <label for="Contato2">Contato2</label>
        </div>
        <div class="input-field col s6">
          <i class="material-icons prefix">email</i>
          <input id="E-mail" type="text">
          <label for="E-mail">E-mail</label>
        </div>
        <div class="input-field col s6">
          <i class="material-icons prefix">location_on</i>
          <input name= "cep" id="cep" type="text" value="" size="12" maxlength="10"
          onkeyup="MascaraCEP(this)"
          onblur="pesquisacep(this.value);">
          <label for="cep">CEP</label>
        </div>
        <div class="input-field col s6">
          <i class="material-icons prefix">streetview</i>
          <input id="rua" type="text">
          <label for="rua">Rua</label>
        </div>
        <div class="input-field col s6">
          <i class="material-icons prefix">control_point</i>
          <input id="Num" type="text">
          <label for="Num"></label>
        </div>
        <div class="input-field col s6">
          <i class="material-icons prefix">control_point</i>
          <input id="Complemento" type="text">
          <label for="Complemento">Complemento</label>
        </div>
        <div class="input-field col s6">
          <i class="material-icons prefix">control_point</i>
          <input id="bairro" type="text">
          <label for="bairro">Bairro</label>
        </div>
        <div class="input-field col s6">
          <i class="material-icons prefix">location_city</i>
          <input id="cidade" type="text">
          <label for="cidade">Cidade</label>
        </div>
        <div class="input-fiel col s10">
        <button class="btn-floating btn-large waves-effect waves-light green" id= "btn1" type="submit" name="action">Salvar
        <i class="material-icons right">send</i>
        </button>
        <button class="btn-floating btn-large waves-effect waves-light light-blue" id= "btn2" type="submit" name="action">Pesq.
        <i class="material-icons right">send</i>
        </button>
        <button class="btn-floating btn-large waves-effect waves-light yellow" id= "btn3" type="submit" name="action">Editar
        <i class="material-icons right">send</i>
        </button>
        <button class="btn-floating btn-large waves-effect waves-light red" id= "btn4" type="submit" name="action">Apagar
        <i class="material-icons right">send</i>
        </button>
        <button class="btn-floating btn-large waves-effect waves-light black" id= "btn5" type="submit" name="action">Fechar
        <i class="material-icons right">send</i>
        </button>
        </div>
 
      </div>
      </div>
      <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script> 
      <script type = "text/javascript">
 
      function MascaraCPF(){
 
        var CampoCPF = document.getElementById("CPF");
        var CPF = CampoCPF.value;
        if (CPF.length == 3){
          CPF = CPF + "."
          CampoCPF.value = CPF;
          return true;
        };
        if (CPF.length == 7){
          CPF = CPF + "."
          CampoCPF.value = CPF;
          return true;
        };
        if (CPF.length == 11){
          CPF = CPF + "-"
          CampoCPF.value = CPF;
          return true;
        };
      };
      </script>
      <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script> 
      <script type = "text/javascript">
 
      function MascaraCEP(){
 
        var CampoCEP = document.getElementById("cep");
        var CEP = CampoCEP.value;
        if (CEP.length == 2){
          CEP = CEP + "."
          CampoCEP.value = CEP;
          return true;
        }
        if (CEP.length == 6){
          CEP = CEP + "-"
          CampoCEP.value = CEP;
          return true;
        }       
      }
      </script>
      <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script> 
      <script type = "text/javascript">
 
      function MascaraTelefone(){
 
        var CampoTel = document.getElementById("Contato1");
        var Tel = CampoTel.value;
        if (Tel.length == 1){
          Tel = "(" + Tel
          CampoTel.value = Tel;
          return true;
        }
        if (Tel.length == 3){
          Tel = Tel + ")"
          CampoTel.value = Tel;
          return true;
        }
        if (Tel.length == 9){
          Tel = Tel + "-"
          CampoTel.value = Tel;
          return true;
        }     
      }
      </script>
      <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script> 
      <script type = "text/javascript">
 
      function MascaraTelefone2(){
 
        var CampoTel = document.getElementById("Contato2");
        var Tel = CampoTel.value;
        if (Tel.length == 1){
          Tel = "(" + Tel
          CampoTel.value = Tel;
          return true;
        }
        if (Tel.length == 3){
          Tel = Tel + ")"
          CampoTel.value = Tel;
          return true;
        }
        if (Tel.length == 9){
          Tel = Tel + "-"
          CampoTel.value = Tel;
          return true;
        }     
      }
      </script>
      <script>
        var CampoCliente = document.getElementById("Cliente");
        var CampoCPF = document.getElementById("CPF");
        var CampoContato1 = document.getElementById("Contato1");
        var CampoContato2 = document.getElementById("Contato2");
        var CampoEmail = document.getElementById("E-mail");
        var CampoCEP = document.getElementById("cep");
        var CampoRUA = document.getElementById("rua");
        var CampoNº = document.getElementById("Num");
        var CampoComp = document.getElementById("Complemento");
        var CampoBairro = document.getElementById("bairro");
        var CampoCidade = document.getElementById("cidade");
 
        document.getElementById("btn1").addEventListener("click"SalvarCliente);
 
        function SalvarCliente(){
          
          var Cliente = CampoCliente.value;
          var CPF = CampoCPF.value;
          var Contato1 = CampoContato1.value;
          var Contato2 = CampoContato2.value;
          var Email = CampoEmail.value;
          var CEP = CampoCEP.value;
          var RUA = CampoRUA.value;
          var Num = CampoNº.value;
          var Comp = CampoComp.value;
          var Bairro = CampoBairro.value;
          var Cidade = CampoCidade.value;
 
          if (Cliente.trim().length == 0 ||
             CPF.trim().length == 0 ||
             Contato1.trim().length == 0 ||
             Email.trim().length == 0 ||
             CEP.trim().length == 0 ||
             RUA.trim().length == 0 ||
             Num.trim().length == 0 ||
             Bairro.trim().length == 0 ||
             Cidade.trim().length == 0 || ){
          M.toast({html"Informações Pendentes"})
          }else{
            var Dados = {
            ClienteCampoCliente.value,
            CPFCampoCPF.value,
            Contato1CampoContato1.value,
            Contato2CampoContato2.value,
            EmailCampoEmail.value,
            CEPCampoCEP.value,
            RUACampoRUA.value,
            NumCampoNº.value,
            CompCampoComp.value,
            BairroCampoBairro.value,
            CidadeCampoCidade.value,
            };
 
          google.script.run.withSuccessHandler(Salvar).SalvarCliente(Dados);
 
          function Salvar(Atualizar) {
            M.toast({html:Atualizar});
          }
           CampoCliente.value = "";
           CampoCPF.value = "";
           CampoContato1.value = "";
           CampoContato2.value = "";
           CampoEmail.value = "";
           CampoCEP.value = "";
           CampoRUA.value = "";
           CampoNº.value = "";
           CampoComp.value = "";
           CampoBairro.value = "";
           CampoCidade.value = "";
 
          }
        };



 
      </script>
 
      <script>
    
    function limpa_formulário_cep() {
            //Limpa valores do formulário de cep.
            document.getElementById('rua').value=("");
            document.getElementById('bairro').value=("");
            document.getElementById('cidade').value=("");
    }
 
    function meu_callback(conteudo) {
        if (!("erro" in conteudo)) {
            //Atualiza os campos com os valores.
            document.getElementById('rua').value=(conteudo.logradouro);
            document.getElementById('bairro').value=(conteudo.bairro);
            document.getElementById('cidade').value=(conteudo.localidade);
        } //end if.
        else {
            //CEP não Encontrado.
            limpa_formulário_cep();
            alert("CEP não encontrado.");
        }
    }
        
    function pesquisacep(valor) {
 
        //Nova variável "cep" somente com dígitos.
        var cep = valor.replace(/\D/g'');
 
        //Verifica se campo cep possui valor informado.
        if (cep != "") {
 
            //Expressão regular para validar o CEP.
            var validacep = /^[0-9]{8}$/;
 
            //Valida o formato do CEP.
            if(validacep.test(cep)) {
 
                //Preenche os campos com "..." enquanto consulta webservice.
                document.getElementById('rua').value="...";
                document.getElementById('bairro').value="...";
                document.getElementById('cidade').value="...";
 
                //Cria um elemento javascript.
                var script = document.createElement('script');
 
                //Sincroniza com o callback.
                script.src = 'https://viacep.com.br/ws/'cep + '/json/?callback=meu_callback';
 
                //Insere script no documento e carrega o conteúdo.
                document.body.appendChild(script);
 
            } //end if.
            else {
                //cep é inválido.
                limpa_formulário_cep();
                alert("Formato de CEP inválido.");
            }
        } //end if.
        else {
            //cep sem valor, limpa formulário.
            limpa_formulário_cep();
        }
    };
 
    </script>
 
</body>
  </html>
 
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
 
var url = "https://docs.google.com/spreadsheets/d/1I0TpXoJy2CjT5Gwq3Qc6iESauCIVYnIC_2H486JEmQY/edit#gid=533315935"
 
Array.prototype.Pesquisa = function(Procura){
if (Procura == ""return false;
for ( var Linha = 0Linha<this.lengthLinha ++)
if (this[Linha] == Procurareturn Linha;
return - 1
 
}
 
function FormCliente (){
  var Form = HtmlService.createTemplateFromFile("FormCliente");
  var MostrarForm = Form.evaluate();
  MostrarForm.setTitle("Cadastro de Clientes").setHeight(550).setWidth(700);
  SpreadsheetApp.getUi().showModalDialog(MostrarForm"Cadastro de Clientes");
};
 
function SalvarCliente(Dados){
  var Planilha = SpreadsheetApp.openByUrl(url);
  var Guia = Planilha.getSheetByName("Clientes");
  Guia.getActiveCell();
  Guia.getRange('B2').activate();
  Guia.getCurrentCell().getNextDataCell(SpreadsheetApp.Direction.DOWN);
  Guia.getActiveCell().offset(10).activate();
  var Linha = Guia.getCurrentCell().getRow();
  var Data = new Date();
  Guia.getRange(Linha2).setValue(Data);
  Guia.getRange(Linha3).setValue([Dados.Cliente]);
  Guia.getRange(Linha4).setValue([Dados.CPF]);
  Guia.getRange(Linha5).setValue([Dados.Contato1]);
  Guia.getRange(Linha6).setValue([Dados.Contato2]);
  Guia.getRange(Linha7).setValue([Dados.Email]);
  Guia.getRange(Linha8).setValue([Dados.CEP]);
  Guia.getRange(Linha9).setValue([Dados.RUA]);
  Guia.getRange(Linha10).setValue([Dados.Num]);
  Guia.getRange(Linha11).setValue([Dados.Comp]);
  Guia.getRange(Linha12).setValue([Dados.Bairro]);
  Guia.getRange(Linha13).setValue([Dados.Cidade]);
  return 'Registrado com Sucesso';
};













 

image.png.6023901d9f96daf14ea79039bc6c7544.png





 
Link para o comentário
Compartilhar em outros sites

1 resposta a esta questão

Posts Recomendados

Participe da discussão

Você pode postar agora e se registrar depois. Se você já tem uma conta, acesse agora para postar com sua conta.

Visitante
Responder esta pergunta...

×   Você colou conteúdo com formatação.   Remover formatação

  Apenas 75 emoticons são permitidos.

×   Seu link foi incorporado automaticamente.   Exibir como um link em vez disso

×   Seu conteúdo anterior foi restaurado.   Limpar Editor

×   Você não pode colar imagens diretamente. Carregar ou inserir imagens do URL.



  • Estatísticas dos Fóruns

    • Tópicos
      152k
    • Posts
      651,8k
×
×
  • Criar Novo...