Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

AndréJs

Formulario

Recommended Posts

Olá eu fiz um formulario simples:


<!DOCYPE>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<form method="post" action="index.php">
Nome:<input type="text" name="nome">
<input type="submit">
</form>
<?php

$vinput = $_POST["nome"];
if(empty($vinput)){
echo "Campo nome não Foi Preenchido";

}
?>

</body>
</html>

Eu quero que quando o usuario digita nada e apertar no enviar a página (não recarregue ) ela simplesmente mostre uma mensagem Tudo isso com PHP, Mas já tentei de Várias Formas e não consegui Existe alguma função para parar o reflesh?

ou usar o javascript? Mas como? 

Obrigado pela atenção!!

Compartilhar este post


Link para o post
Compartilhar em outros sites

Sim existe essa possibilidade de enviar formulários sem refresh(atualizar a página) você alem de usa o PHP terá que usa o jQuery-AJAX para isso acontecer, vou deixa link do site para você aprender a fazer isso.

http://wbruno.com.br/ajax/enviar-formulario-para-php-sem-refresh-jquery-ajax/

Compartilhar este post


Link para o post
Compartilhar em outros sites

André,

Não sei se entendi perfeitamente o que tu quer, mas não poderia ser algo simples em JS como abaixo?

 

<body>
<form method="post" action="">
Nome:<input type="text" id="nome" name="nome">
<input type="button" onclick="valida();" >
</form>
<script>
	function valida(){
	nome = document.getElementById("nome").value;
  if (nome == "" || nome == null){
  	alert ("insira o nome");
}else{
 	alert("Seu nome é "+nome);
  	//continua...
  }
}

</script>
</body>

https://jsfiddle.net/7ms6pqkc/2/

Compartilhar este post


Link para o post
Compartilhar em outros sites

Se você quer apenas validar o formulário, basta adicionar o atributo require do html5

<form method="post" action="index.php">
  Nome:<input type="text" name="nome" required>
  <input type="submit">
</form>

https://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_input_required

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

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