Henrique: Formulário com Java Script em HTML

16/12/2022

Formulário com Java Script em HTML

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script language="javascript" src="script.js"></script>
    <title>Validação de formulário</title>
</head>
<body>
    <form>
           <input type="text" name="nome" id="nome" 
            placeholder="Insira seu nome aqui">
           <input type="submit" onclick="valida()">
           
    </form>
</body>
</html>

Arquivo: script.js

function valida(){
    var nome = document.getElementById('nome');
    //alert(nome.value); // imprimi o atributo valor
    if (nome.value == "") {
           alert("Campo nome não pode ser nulo");
    }else{
           alert(nome.value+": Seu formulário foi enviado");
           
    }
}