Desculpa se a pergunta for boba, mais não conheço muito de ajax e estou tentando fazer um formulário básico para testar a validação usando ajax e php(se é que é possível). Bom lendo na internet e vendo alguns artigos, até agora cheguei com o código abaixo, mas não está funcionando. Quero que quando a pessoa estiver digitando ou quando enviar o formulário ele faça a validação no php e se caso tenha algum erro ele retorna usando ajax o erro.
*O arquivo ini.php esta minha conexão com o banco de dados, não fiz nenhuma query porque, primeiro gostaria de testar os erros para depois enviar o dado para o banco de dados. E não coloquei outros input pra não complicar, resolvendo um o resto eu me viro.
Obrigado.
HTML:
<table>
<tr>
<td><input type="text" name="nome" placeholder="Nome" maxlength="20" onBlur="Validate(this.value)"></td>
<span id="error"><?php echo $error; ?></span>
</tr>
</table>
"Ajax":
function Validate(data){
var xmlhttp = new XMLHttpRequest();
xmlhttp.onreadystatechange = function(){
if(xmlhttp.readyState === 4 && xmlhttp.status === 200){
document.getElementById('error').innerHTML = xmlhttp.responseText;
}
};
xmlhttp.open("GET", "register.php?q=" + data, true);
xmlhttp.send();
}
PHP:
$error = array(
"Nome é obrigatório.",
"Somente 20 caracteres são permitidos.",
"Somente letras e espaços são permitidas."
);
// Get the q parameter from url
$q = $_REQUEST["q"];
if($_SERVER["REQUEST_METHOD"] === "POST"){
if(empty($q)){
echo $error[0];
} else if(!preg_match("/^[a-zA-Z]*$/", $q)){
echo $error[2];
} else if(strlen($q) > 20){
echo $error[1];
}
}
?>