-1

Tentei da seguinte forma:

function aviso() {
  document.querySelector(".registers_button")
  let email_box = document.querySelector(".email")
  if (email_box.innerHTML == '') {
    alert("Por favor, preencha os campos obrigatórios")
  } else if (!email_box.innerHTML == '') {
    alert("Redirecionando...")
  }
}
<p class="email_text"> E-mail: <input class="email" type="text" placeholder="Ex: [email protected]"> </p>

2
  • Não legende seus <input> com <p> use <label>. Ex: <label class="email_text"> E-mail: <input class="email" type="text" placeholder="Ex: [email protected]"> </label>. Também veja <input type="email"> 25/02/2021 às 22:06
  • Opa amigão, muito obrigado, farei essa alteração no meu código. Aos poucos vou aprendendo HTML semântico. 27/02/2021 às 0:41

2 Respostas 2

2

Sua pergunta precisa de mais esclarecimentos, mas supondo que seu elemento com a classe "email" é um input e não um elemento como DIV, a forma correta de buscar o valor do campo é usando value, não innerHTML

if (email_box.value == '') {
    alert ("Campo vazio");
} else {
    alert("Redirecionando")
}

innerHTML e innerText são propriedades de elementos como <div>, <p> etc.

2
  • Cara, muito obrigado ! tua resposta foi exatamente oque eu buscava. Quanto a pergunta, preciso mesmo melhorar. 25/02/2021 às 22:47
  • se a resposta está de acordo com o que procurava marque-a como "Resposta aceita" =)
    – JcSaint
    11/03/2021 às 19:44
1

Seu código tem duas TAGs um p e um input:

Se quiser obter o texto dentro do <p> (um HTMLElement) você pode usar o innerText:

let txt = globalThis.document.querySelector("p.email_text").innerText
console.log("RESULTADO:", txt);
<p class="email_text"> E-mail: <input class="email" type="text" placeholder="Ex: [email protected]"> </p>


<input class="email" type="text" placeholder="Ex: [email protected]">

Se quer obter um texto dentro de um input (HTMLInputElement), você pode usar o value.

let txt = globalThis.document.querySelector("input.email").value
console.log("RESULTADO:", txt);
<p class="email_text"> E-mail: <input class="email" type="text" placeholder="Ex: [email protected]" value="um valor"> </p>

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 .