Estou fazendo um formulário que se o usuário deixar o campo nome em branco, exibir a mensagem no campo, ao invés de um alerta. O document.write
não funciona com função através de um evento. Estou usando innerHTML
e textContent
. Entretanto não consigo exibir a mensagem. Fiz dois códigos, vejamos:
<html>
<body>
<script>
function validar() {
if (document.formulario.nome.value.length == 0) {
var alerta = "O nome deve ser informado";
var aviso.innerHTML = alerta;
}
}
</script>
<form name="formulario">
Nome: <input type="text" name="nome">
<input type="submit" value="Enviar" name="cadastro" onclick="validar()">
</form>
</body>
</html>
Segundo código:
<html>
<body>
<script>
function validar() {
if (document.formulario.nome.value.length == 0) {
var alerta = document.getElementById('alerta');
alerta.textContent = "O nome deve ser informado";
}
}
</script>
<form name="formulario">
Nome: <input type="text" name="nome"> <input type="submit"
value="Enviar" name="cadastro" onclick="validar()">
</form>
</body>
</html>
innetHTML
em uma variávelaviso
. Em que local você usa essa variável?getElementById
, assim você não está fazendo referência alguma aospan
. Da uma olhada na resposta que postei.