Galera, tenho o seguinte formulário:
<!DOCTYPE html>
<html>
<body>
<form action="enviar.php" method="post" accept-charset="utf-8">
<label>Nome<br>
<input type="text" pattern="^[a-zA-Zà-úÀ-Ú ]{2,30}$" autocomplete="off" title="Somente letras e acentos são permitidos. Até 30 caracteres." name="nome" maxlength="30" required autofocus/>
</label>
<label>Sobrenome<br>
<input type="text" pattern="^[a-zA-Zà-úÀ-Ú ]{2,40}$" autocomplete="off" title="Apenas letras, acentos e espaços são permitidos. Até 50 caracteres." name="sob" maxlength="50" required/>
</label>
...
</form>
</body>
</html>
E assim o formulário continua, outros campos e o botão de submit.
Queria saber como pegar o valor que o pattern retornou, para quando a entrada do usuário estiver certa nada acontecer, mas se estiver errada, mudar a cor de fundo e a borda do campo que a entrada está errada, pelo evento change()
mesmo, sem submeter a página. Mudar os atributos CSS eu sei, mas como pegar o valor que da expressão regular não.
Estou trabalhando com JQuery mesmo.