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!

<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

Mauricio Hartmann

Responder

Assista grátis a nossa aula inaugural

Assitir aula

Saiba por que programar é uma questão de
sobrevivência e como aprender sem riscos

Assistir agora

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários, consulte nossa política de privacidade.

Aceitar