Ir para conteúdo

POWERED BY:

Camilavip

Fazer verificação de um formulário sem refresh

Recommended Posts

Boa noite,

Alguém tem uma solução para um formulário na dar refresh antes de fazer uma consulta?

No formulário que tenho ele verifica se no banco de dados já existe um login ou email , assim não cadastro duplicado um cliente, mas ele da um refresh quando insiro os dados e clico no botão de cadastrar, se estiver ok ele cadastra, se ele verificar um login ou email iguais no banco de dados ele volta a página avisando, mas acaba que assim ele apaga todos os dados inseridos, e tenho de digitar tudo novamente, queria que ele fizesse a consulta sem dar o refresh.

<?php
session_start();
ob_start();
$btnCadUsuario = filter_input(INPUT_POST, 'btnCadUsuario', FILTER_SANITIZE_STRING);
if($btnCadUsuario){
	include_once 'conexao.php';
	$dados_rc = filter_input_array(INPUT_POST, FILTER_DEFAULT);
	
	$erro = false;
	
	$dados_st = array_map('strip_tags', $dados_rc);
	$dados = array_map('trim', $dados_st);
	
	if(in_array('',$dados)){
		$erro = true;
		$_SESSION['msg'] = "Necessário preencher todos os campos";
	}elseif((strlen($dados['senha'])) < 6){
		$erro = true;
		$_SESSION['msg'] = "A senha deve ter no minímo 6 caracteres";
	}elseif(stristr($dados['senha'], "'")) {
		$erro = true;
		$_SESSION['msg'] = "Caracter ( ' ) utilizado na senha é inválido";
	}else{
		$result_usuario = "SELECT id_cliente FROM clientes WHERE login='". $dados['login'] ."'";
		$resultado_usuario = mysqli_query($conn, $result_usuario);
		if(($resultado_usuario) AND ($resultado_usuario->num_rows != 0)){
			$erro = true;
			$_SESSION['msg'] = "Este login já está sendo utilizado";
		}
		
		$result_usuario = "SELECT id_cliente FROM clientes WHERE email='". $dados['email'] ."'";
		$resultado_usuario = mysqli_query($conn, $result_usuario);
		if(($resultado_usuario) AND ($resultado_usuario->num_rows != 0)){
			$erro = true;
			$_SESSION['msg'] = "Este e-mail já está cadastrado";
		}
	}
	
	
	//var_dump($dados);
	if(!$erro){
		//var_dump($dados);
		
		$dados['senha'] = sha1($dados['senha']);
		
		$result_usuario = "INSERT INTO clientes (nome, email, login, senha) VALUES (
						'" .$dados['nome']. "',
						'" .$dados['email']. "',
						'" .$dados['login']. "',
						'" .$dados['senha']. "'
						)";
		$resultado_usario = mysqli_query($conn, $result_usuario);
		if(mysqli_insert_id($conn)){
			$_SESSION['msgcad'] = "cliente cadastrada com sucesso";
			header("Location: principal.php");
		}else{
			$_SESSION['msg'] = "Erro ao cadastrar o usuário";
		}
	}
	
}
?>
<!DOCTYPE html>
<html lang="pt-br">
	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>Cadastro de clientes</title>
		<link href="bootstrap/bootstrap.min.css" rel="stylesheet">
        <script src="bootstrap/bootstrap.min.js"></script>
	</head>
	<body>
	
	
		<div class="container"> 
				<h2>Cadastrar Usuário</h2>
				<?php
					if(isset($_SESSION['msg'])){
						echo $_SESSION['msg'];
						unset($_SESSION['msg']);
					}
				?>
<form method="POST" action="">
		
					
<input type="text" name="nome" id="nome" class="form-control"><br>
					                            
<input type="email" name="email" class="form-control"><br><br>
									                             
<input type="text" name="login" class="form-control"><br><br>
					                  
<input type="password" name="senha" id="senha" class="form-control"><br
					
<center><input type="submit" name="btnCadUsuario" value="Cadastrar" class="btn btn-success" ></center><br><br>
					
	   </form>
	</div>
</div>	
	</body>
</html>

 

Compartilhar este post


Link para o post
Compartilhar em outros sites

Você pode está fazendo a consulta no carregamento da página, então pegar todos índices de e-mail cadastrados por exemplo codificar em JSON e criar um array no javascript com esses índices, então ao submeter o form o valor do input será comparado com cada valor do array. Se existir o script retorna falso não submetendo o form.

Exemplo:

Spoiler

<?php
$resultado_do_banco = [
    ['mail' => 'aaa@aaa.com'],
    ['mail' => 'bbb@bbb.com'],
    ['mail' => 'ccc@ccc.com']
];
$json = json_encode($resultado_do_banco);
?>

<div id="resultado"></div>
<form method="POST" action="" onsubmit="return salvarForm();">
    <input
        type="text"
        name="mail"
        id="identificador"
        placeholder="Digite um endereço de e-mail"
        pattern="([a-zA-Z0-9_\-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([a-zA-Z0-9\-]+\.)+))([a-zA-Z]{2,4}|[0-9]{3})"
        required=""
    />

    <button>Submeter formulário</button>
</form>

<script>
    var arr = JSON.parse('<?= $json ?>');
    var resultado = document.getElementById('resultado');
    var input = document.getElementById('identificador');

    function salvarForm() {
        var valor = (window.input).value.trim();
        var retorno = null;
        if (!valor) {
            resultado.innerText = 'Digite o e-mail';
            retorno = true;
        } else {
            window.arr.forEach(function (e) {
                if (e.mail == valor) {
                    resultado.innerText = 'O endereço de e-mail "' + valor + '" existe no array';
                    retorno = true;
                }
            });
        }
        
        if (retorno) {
            return (false);
        }
    }
</script>

 

 

Porém também deverá fazer essa verificação por back-end também pós submetido, porque qualquer um pode acessar o javascript e apagar ou editar o array de dados.

 

Uma alternativa também é submeter o form por ajax, então você faz a comparação do valor com o resultado do banco sem redirecionar a página.

Veja isso:

https://github.com/Spell-Master/sm-web/tree/master/javascript/AjaxRequest

 

 

Enfim, independente você sempre terá que comparar os valores antes de registrar novos dados no banco.

 

Compartilhar este post


Link para o post
Compartilhar em outros sites
14 horas atrás, Omar~ disse:

Você pode está fazendo a consulta no carregamento da página, então pegar todos índices de e-mail cadastrados por exemplo codificar em JSON e criar um array no javascript com esses índices, então ao submeter o form o valor do input será comparado com cada valor do array. Se existir o script retorna falso não submetendo o form.

Exemplo:

  Mostrar conteúdo oculto


<?php
$resultado_do_banco = [
    ['mail' => 'aaa@aaa.com'],
    ['mail' => 'bbb@bbb.com'],
    ['mail' => 'ccc@ccc.com']
];
$json = json_encode($resultado_do_banco);
?>

<div id="resultado"></div>
<form method="POST" action="" onsubmit="return salvarForm();">
    <input
        type="text"
        name="mail"
        id="identificador"
        placeholder="Digite um endereço de e-mail"
        pattern="([a-zA-Z0-9_\-\.]+)@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.)|(([a-zA-Z0-9\-]+\.)+))([a-zA-Z]{2,4}|[0-9]{3})"
        required=""
    />

    <button>Submeter formulário</button>
</form>

<script>
    var arr = JSON.parse('<?= $json ?>');
    var resultado = document.getElementById('resultado');
    var input = document.getElementById('identificador');

    function salvarForm() {
        var valor = (window.input).value.trim();
        var retorno = null;
        if (!valor) {
            resultado.innerText = 'Digite o e-mail';
            retorno = true;
        } else {
            window.arr.forEach(function (e) {
                if (e.mail == valor) {
                    resultado.innerText = 'O endereço de e-mail "' + valor + '" existe no array';
                    retorno = true;
                }
            });
        }
        
        if (retorno) {
            return (false);
        }
    }
</script>

 

 

Porém também deverá fazer essa verificação por back-end também pós submetido, porque qualquer um pode acessar o javascript e apagar ou editar o array de dados.

 

Uma alternativa também é submeter o form por ajax, então você faz a comparação do valor com o resultado do banco sem redirecionar a página.

Veja isso:

https://github.com/Spell-Master/sm-web/tree/master/javascript/AjaxRequest

 

 

Enfim, independente você sempre terá que comparar os valores antes de registrar novos dados no banco.

 

Vou ver Omar, eu tenho outra forma de verificar se existe sem refresh, porém ele só verifica e não impede o cadastro, a forma que está impede o cadastro se houver um login ou email parecido, mas se tiver outros dados como endereço e outras coisas, no fim se ele verifica e ve que tem um login e email iguais ele faz o refresh e avisa, porém apaga todos os campos preenchidos. Tendo de refazer o cadastro novamente

Compartilhar este post


Link para o post
Compartilhar em outros sites

Crie uma conta ou entre para comentar

Você precisar ser um membro para fazer um comentário

Criar uma conta

Crie uma nova conta em nossa comunidade. É fácil!

Crie uma nova conta

Entrar

Já tem uma conta? Faça o login.

Entrar Agora

  • Conteúdo Similar

    • Por Carcleo
      Tenho uma abela de usuarios e uma tabela de administradores e clientes.
      Gostaria de uma ajuda para implementar um cadastro
       
      users -> name, login, passord (pronta) admins -> user_id, registratiom, etc.. client -> user_id, registratiom, etc...
      Queria ajuda para extender de user as classes Admin e Client
      Olhem como estáAdmin
      <?php namespace App\Models; use Illuminate\Database\Eloquent\Factories\HasFactory; use Illuminate\Database\Eloquent\Model; class Admin extends User {     use HasFactory;            protected $fillable = [         'name',         'email',         'password',         'registration'     ];      private string $registration;     public function create(         string $name,          string $email,          string $password,         string $registration     )     {         //parent::create(['name'=>$name, 'email'=>$email, 'password'=>$password]);         parent::$name = $name;         parent::$email = $email;         parent::$password = $password;         $this->registration = $registration;     } } User
      <?php namespace App\Models; // use Illuminate\Contracts\Auth\MustVerifyEmail; use Illuminate\Database\Eloquent\Factories\HasFactory; use Illuminate\Foundation\Auth\User as Authenticatable; use Illuminate\Notifications\Notifiable; use Illuminate\Database\Eloquent\Relations\BelongsToMany; class User extends Authenticatable {     /** @use HasFactory<\Database\Factories\UserFactory> */     use HasFactory, Notifiable;     static string $name;     static string $email;     static string $password;     /**      * The attributes that are mass assignable.      *      * @var list<string>      */     protected $fillable = [         'name',         'email',         'password',     ];          /**      * The attributes that should be hidden for serialization.      *      * @var list<string>      */     protected $hidden = [         'remember_token',     ];     /**      * Get the attributes that should be cast.      *      * @return array<string, string>      */     protected function casts(): array     {         return [             'email_verified_at' => 'datetime',             'password' => 'hashed',         ];     }          public function roles() : BelongsToMany {         return $this->belongsToMany(Role::class);     }       public function hasHole(Array $roleName): bool     {                 foreach ($this->roles as $role) {             if ($role->name === $roleName) {                 return true;             }         }         return false;     }         public function hasHoles(Array $rolesName): bool     {                 foreach ($this->roles as $role) {             foreach ($rolesName as $rolee) {             if ($role->name === $rolee) {                 return true;             }          }         }         return false;     }         public function hasAbility(string $ability): bool     {         foreach ($this->roles as $role) {             if ($role->abilities->contains('name', $ability)) {                 return true;             }         }         return false;     }     } Como gravar um Admin na tabela admins sendo que ele é um User por extensão?
      Tentei assim mas é claro que está errado...
      public function store(Request $request, Admin $adminModel) {         $dados = $request->validate([             "name" => "required",             "email" => "required|email",             "password" => "required",             "registration" => "required"         ]);         $dados["password"] =  Hash::make($dados["password"]);                  $admin = Admin::where("registration",  $dados["registration"])->first();                  if ($admin)              return                    redirect()->route("admin.new")                             ->withErrors([                                 'fail' => 'Administrador já cadastrados<br>, favor verificar!'                   ]);                            $newAdmin = $adminModel->create(                                    $dados['name'],                                    $dados['email'],                                    $dados['password'],                                    $dados['registration']                                 );         dd($newAdmin);         $adminModel->save();         //$adminModel::create($admin);                  return redirect()->route("admin.new")->with("success",'Cadastrado com sucesso');     }  
    • Por violin101
      Caros amigos, saudações.
       
      Gostaria de tirar uma dúvida com os amigos, referente a PDV.
       
      Estou escrevendo um Sistema com Ponto de Vendas, a minha dúvida é o seguinte, referente ao procedimento mais correto.

      Conforme o caixa vai efetuando a venda, o Sistema de PDV já realiza:
      a baixa direto dos produtos no estoque
      ou
      somente após concretizar a venda o sistema baixa os produtos do estoque ?
       
      Grato,
       
      Cesar
       
    • Por violin101
      Caros amigos do grupo, saudações e um feliz 2025.
       
      Estou com uma pequena dúvida referente a Teclas de Atalho.

      Quando o Caps Lock está ativado o Comando da Tecla de Atalho não funciona.
      ou seja:
      se estiver para letra minúscula ====> funciona
      se estiver para letra maiúscula ====> não funciona
       
      Como consigo evitar essa falha, tanto para Letra Maiúscula quanto Minúscula ?

      o Código está assim:
      document.addEventListener( 'keydown', evt => { if (!evt.ctrlKey || evt.key !== 'r' ) return;// Não é Ctrl+r, portanto interrompemos o script evt.preventDefault(); });  
      Grato,
       
      Cesar
    • Por violin101
      Caros amigos, saudações.
       
      Por favor, poderiam me ajudar.

      Estou com a seguinte dúvida:
      --> como faço para para implementar o input código do produto, para quando o usuário digitar o ID o sistema espera de 1s a 2s, sem ter que pressionar a tecla ENTER.

      exemplo:
      código   ----   descrição
           1       -----   produto_A
       
      Grato,
       
      Cesar
    • Por violin101
      Caros amigos, saudações.
       
      Humildemente peço desculpa por postar uma dúvida que tenho.

      Preciso salvar no MySql, os seguinte Registro:

      1 - Principal
      ====> minha dúvida começa aqui
      ==========> como faço para o Sistema Contar Automaticamente o que estiver despois do 1.____?
      1.01 - Matriz
      1.01.0001 - Estoque
      1.01.0002 - Oficina
      etc

      2 - Secundário
      2.01 - Loja_1
      2.01.0001 - Caixa
      2.01.0002 - Recepção
      etc
       
      Resumindo seria como se fosse um Cadastro de PLANO de CONTAS CONTÁBEIL.

      Grato,


      Cesar









       
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.