Como fazer com que desapareça o VALUE informado por formulário
Boa noite pessoal, gostaria da ajuda de vocês, pois sou novato na programação e sei que tenho muito o que aprender ainda pela frente. Tenho um formulário que faz validação tanto por PHP como em JS, mas minha dúvida é quando o que coloquei em PHP no value do formulário fica aparecendo, alguém poderia me ajudar nisso? Agradeço a atenção de todos.
<?php
if ($_REQUEST["action"] == "save") {
$formValid = TRUE;
$tamanho_nome = strlen($_POST["CAMPO NOME"]);
if ($tamanho_nome < 5 || $tamanho_nome > 64) {
echo ("O campo 'Nome' deve ter entre 5 e 64 caracteres." . $tamanho_nome);
$formValid = FALSE;
}
$idade = (int) $_POST["CAMPO_IDADE"];
if (isNaN($idade) || $idade < 4 || $idade > 120) {
echo ("O campo idade deve ser preenchido corretamente.");
$formValid = FALSE;
}
$email = $_POST["CAMPO_EMAIL"];
$regex = "/^[^0-9][A-z0-9_]+([.][A-z0-9_]+)*[@][A-z0-9_]+([.]A-z0-9_]+)*[.][A-z]{2,4}$/";
if (!preg_match($regex, $email)) {
echo ("O campo Email deve ser preenchido corretamente.");
$formValid = FALSE;
}
$sexo = $_POST["CAMPO_SEXO"];
if ($sexo != 'M' && $sexo != 'F') {
echo ("O Campo 'Sexo' deve ser preenchido.");
$formValid = FALSE;
}
$curso = $_POST["CAMPO_CURSO"];
if ($curso == "" || $curso == "Selecione...") {
echo ("O camp 'CURSO' deve ser preechido.");
$formValid = FALSE;
}
$conhecimentos = $_POST["CAMPO_CONHECIMENTOS"];
if (sizeof($conhecimentos) != 2) {
echo ("É necessário marcar 2 conhecimentos.");
$formValid = FALSE;
}
if ($formValid) {
echo "Formulário validado com sucesso!";
exit();
}
}
?>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>EXEMPLO - Formulários</title>
<script language="JavaScript">
function validaForm(){
var tamanho_nome = document.forms["MeuForm"].CAMPO_NOME.value.length;
if (tamanho_nome < 5 || tamanho_nome > 64 ){
alert ("O campo 'Nome' deve ter entre 5 e 64 caracteres.");
return false;
}
var idade = document.forms["MeuForm"].CAMPO_IDADE.value;
if(isNan(idade) || idade < 4 || idade > 120){
alert("O campo 'Idade' deve ser preenchido corretamente");
return false;
}
var email = document.forms["MeuForm"].CAMPO_EMAIL.value;
if(email.length < 5 || email.legth > 128 ||
email.indexOf('@') == -1 || email.indexOf('.') == -1){
alert("O campo 'Email' deve ser preenchido corretamente");
return false;
}
var campo_sexo = document.forms["MeuForm"].CAMPO_SEXO.value;
var sexo = FALSE;
for (i=0; i<campo_sexo.length; i++){
if (campo_sexo[i].checked == TRUE){
sexo = campo_sexo[i].value;
break;
}
}
if(sexo == FALSE){
alert("O campo 'sexo' deve ser preenchido corretamente");
return FALSE;
}
//
var opcao_curso = document.forms["MeuForm"].CAMPO_CURSO.selectedIndex;
if(opcao_curso == 0){
alert("O Campo 'curso' deve ser preenchido.");
return false;
}
var conhecimentos = document.forms["MeuForm"].elements['CAMPO_CONHECIMENTOS[]'];
var conhecimentosMarcados = 0;
for(i=0; i < conhecimentos.length; i++){
if(conhecimentos[i].checked == TRUE){
conhecimentosMarcados++;
}
}
if(conhecimentosMarcados != 2){
alert("É necessário marcar 2 conhecimentos.");
return false;
}
document.forms["MeuForm"].submit();
}
</script>
</head>
<body>
<form method="POST" action="?action=save" name="MeuForm">
Nome: <input type=text name=CAMPO_NOME
value="<? echo $_POST["CAMPO_NOME"]; ?>">
<br>Idade: <input type=text name=CAMPO_IDADE
value="<? echo $_POST["CAMPO_IDADE"];?>"><br>
<br>Email: <input type=text name=CAMPO_EMAIL
value="<? echo $_POST["CAMPO_EMAIL"];?>"><br>
<br>Sexo: <input type=radio name=CAMPO_SEXO value="M"
<? if($_POST["CAMPO_SEXO"] == "M"){echo "checked";}?>Masculino
<input type=radio name=CAMPO_SEXO value="F"
<? if($_POST["CAMPO_SEXO"] == "F"){echo "checked";}?>Feminino<br>
<br>Curso: <select name=CAMPO_CURSO>
<option <?if($_POST["CAMPO_CURSO"] == "Selecione...")
{echo "selected";}?>
Selecione...</option>
<option <?if($_POST["CAMPO_CURSO"] == "Ciência da Computação")
{echo "selected";}?>
Ciência da Computação</option>
<option <?if($_POST["CAMPO_CURSO"] == "Bacharelado em Informática")
{echo "selected";}?>
Bacharelado em Informática</option>
<option <?if($_POST["CAMPO_CURSO"] == "Engenharia da Computação")
{echo "selected";}?>
Engenharia da Computação</option>
</select><br>
Conhecimentos:
<input type=checkbox name=CAMPO_CONHECIMENTOS[] value="WORD"
<?if(in_array("WORD", $_POST["CAMPOS_CONHECIMENTOS"]) != FALSE)
{echo "checked";}?> Microsoft Word
<input type=checkbox name=CAMPO_CONHECIMENTOS[] value="HTML"
<?if(in_array("HTML", $_POST["CAMPOS_CONHECIMENTOS"]) != FALSE)
{echo "checked";}?> HTML
<input type=checkbox name=CAMPO_CONHECIMENTOS[] value="JS"
<?if(in_array("JS", $_POST["CAMPOS_CONHECIMENTOS"]) != FALSE)
{echo "checked";}?>JavaScript
<input type=checkbox name=CAMPO_CONHECIMENTOS[] value="PHP"
<?if(in_array("PHP", $_POST["CAMPOS_CONHECIMENTOS"]) != FALSE)
{echo "checked";}?> PHP
<br>
<input type=reset value="Limpar">
<input type=button value="Enviar" onClick="validaForm();">
</form>
</body>
</html>Discussão (4)
Carregando comentários...