queria saber como eu poderia fazer para passar o atributo name para uma variavel , e usa-la na função erroAcerto, para modificar um input separado do outro form.js
insira seu código aquiconsole.log("estou aki");
var envia = document.querySelector("#envia");
envia.addEventListener('click', function(event){
event.preventDefault();
console.log("enviei so que não");
});
var form = document.querySelector(".form");
form.addEventListener('input', function(event){
var nome = verificaForm(form);
})
function verificaForm(form){
if(form.nome){
var exp = /(^(:?[A-Z]+\s?)+$)/g;//expressão regular nome
var target = form.nome.value;
target = target.toUpperCase();
var resultado = erroAcerto(exp.test(target));
}
if(form.documento){
console.log("documento"+form.documento.value);
}
}
function erroAcerto(resultado){
if(resultado == true){
//console.log("resultado "+resultado);
form.nome.classList.add("acerto");
form.nome.classList.remove("erro");
//console.log("acerto");
}else{
//console.log("resultado "+resultado);
form.nome.classList.remove("acerto");
form.nome.classList.add("erro");
//console.log("erro");
}
}index.html
<html>
<head>
<title>Formulario de Cadastro</title>
<link rel="stylesheet" href="css/form.css">
</head>
<body>
<form class="form">
Nome Completo:<input type="text" name="nome" id="nome" placeholder="Nome"/><br/>
CPF/CNPJ: <input type="text" name="documento" id="documento"/><br/>
Data de Nascimento: <input type="text" /><br/>
Email: <input type="text" /><br/>
Senha:<input type="text" /><br/>
CEP: <input type="text" /><br/>
Rua: <input type="text" /><br/>
Cidade:<input type="text" /><br/>
Estado:<input type="color" /><br/>
<input type="submit" id="envia" value="Cadastrar"/><br/>
</form>
<script src="js/formulario.js"></script>
</body>
</html>
