Validação de form no localstorage
13/04/2017
0
Boa noite.
Estou a dois dias tentando fazer a validação de um form que vai salvar os dados do cadastro udo usuario no localstorage do navegador.
Recebi parte do código pronto, o problema é que o formulario salva os dados vazios, assim qualquer um pode entrar apenas clicando n botão registro e depois no botão de login.
Tentei usar um "if" para detectar quando os elementos estão vazios e exibir um alerta, mas ele exibe e impede que os dados sejam salvos mesmo quando os campos estão cheios. To desesperado com isso. Alguém me ajuda?
Fico extremamente grato a todos!
Estou a dois dias tentando fazer a validação de um form que vai salvar os dados do cadastro udo usuario no localstorage do navegador.
Recebi parte do código pronto, o problema é que o formulario salva os dados vazios, assim qualquer um pode entrar apenas clicando n botão registro e depois no botão de login.
Tentei usar um "if" para detectar quando os elementos estão vazios e exibir um alerta, mas ele exibe e impede que os dados sejam salvos mesmo quando os campos estão cheios. To desesperado com isso. Alguém me ajuda?
Fico extremamente grato a todos!
<form name="formRegister" id="formRegister" class="positionFormRegister"> <!--nome de usuario--> <div class="input-group"> <span class="input-group-addon"></span> <label></label> <input name="txtName" id="txtNome" type="text" class="form-control" placeholder="Crie seu nome de Usuário" autocomplete="off"> </div> <!--email--> <div class="input-group"> <span class="input-group-addon"></span> <label></label> <input name="txtEmail" id="txtEmail" type="text" class="form-control" placeholder="Seu endereço de e-mail" autocomplete="off" pattern="[^@]+@[^@]+\\.[a-zA-Z]{2,}"> </div> <!--senha--> <div class="input-group"> <span class="input-group-addon"></span> <label></label> <input name="txtSenha" id="txtSenha" type="password" class="form-control" placeholder="Crie sua senha" autocomplete="off"> </div> <!--botão submit--> <div> <input id="buttonSubmitRegister" type="submit" class="btn btn-primary btn-lg positionFormRegister" value="Cadastrar no e-Pro »" onclick="Adicionar()"> </div> </form>
var operacao = "A"; //"A"=Adição; "E"=Edição var indice_selecionado = -1; //Índice do item selecionado na lista var tbUsuarios; $(function () { tbUsuarios = localStorage.getItem("tbUsuarios");// Recupera os dados armazenados tbUsuarios = JSON.parse(tbUsuarios); // Converte string para objeto if (tbUsuarios == null) // Caso não haja conteúdo, iniciamos um vetor vazio tbUsuarios = []; }); function Adicionar() { var usuario = JSON.stringify({ Nome: $("#txtNome").val(), email: $("#txtEmail").val(), Senha: $("#txtSenha").val() }); if ($('#txtNome').is(':empty') || $('#txtEmail').is(':empty') || $('#txtSenha').is(':empty')){ alert('Preencha os campos vazios'); } else{ tbUsuarios.push(usuario); localStorage.setItem("tbUsuarios", JSON.stringify(tbUsuarios)); alert("Usuário Cadastrado com Sucesso!"); return true; } }
Mauricio Hartmann
Curtir tópico
+ 0
Responder
Clique aqui para fazer login e interagir na Comunidade :)