-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: Jhon_90@example.com"> </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: Jhon_90@example.com"> </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

3 Respostas 3

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: Jhon_90@example.com"> </p>


<input class="email" type="text" placeholder="Ex: Jhon_90@example.com">

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: Jhon_90@example.com" value="um valor"> </p>

0

Mais simples ainda:

if (!email_box.value) {
    return console.log("Campo vazio!")
}

Campos vazios são false no JavaScript.

Se você fizer uma verificação colocando apenas o valor no if:

if (valor) {
 // faça alguma coisa
}

Você tá verificando se é um valor true ou não. Nisso você decide o que fazer com ele.

O ponto de exclamação é pra verificar se o valor é contrário, no caso true. Seria igual a:

if(email_box.value !== true) {
    return console.log("Campo vazio!")
}

Espero ter ajudado!

2
  • 1
    Campos vazios são false no JavaScript, acho que você quer dizer valores falsy e não o booleano false. 11/03/2021 às 18:19
  • Exatamente isso que eu quis dizer haha
    – italofsan
    18/03/2021 às 13:17

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 .