Num evento de mudança de campo tento validar um nome de usuário através de uma chamada Ajax. Aparentemente o setCustomValidity do Html5 não funciona com o jQuery. Peço ajuda para quem manja de javascript.
$("#entrada_usuario").blur(function () { var obj = new Object(); obj.usuario = $("#entrada_usuario").val(); var parametro = JSON.stringify(obj); $.ajax ( { type: "post", url: "validausuario.php", data: parametro, contentType: "application/json; charset=utf-8", dataType: "json", success: function (resultado) { if (resultado != 0) { var element = $("#entrada_usuario")[0]; element.setCustomValidity('Usuário já existe!'); alert(element.checkValidity()); alert(element.validationMessage); } else { $("#entrada_usuario")[0].setCustomValidity(""); }; }, error: function (resultado) { ProcessError(resultado) } } ); });
<label for="usuario">Usuário:</label>
<input type="text" name="usuario" id="entrada_usuario" placeholder="Digite o nome de usuário" required />
página validausuario.php
$usuario = $_POST['usuario'];
$validar = $pdo->prepare("SELECT * FROM usuario WHERE login='$usuario'");
$validar -> execute();
$result = $validar->rowCount();
echo json_encode($resultado);