Fóruns sobre PHP, JavaScript, HTML, MySQLi, jQuery, Banco de Dados, CSS


Moderador: web

 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17684
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Como mudar o texto do required setCustomValidity html 5

08-06-2013 12:29

É possível definir o texto que será exibido quando o usuário não seguir o definido no pattern para um input. Nesse post, vou passar um script para validar o nome completo do usuário, onde é verificado se foram digitados letras de a à z, espaço e no mínimo 10 caracteres.

<form action=""> Nome completo <input type="nome" required pattern="[a-z ]{10,}" size="40" placeholder="nome completo (letras de a à z e espaço)" name="" onchange="this.setCustomValidity(this.validity.patternMismatch ? 'Coloque seu nome completo' : '')"> <input type="submit"> </form>

1
A melhor hospedagem para o seu site HostGator!
 
Avatar do usuário
ADMIN
ADMIN
Tópico Autor
Mensagens: 17684
Nome: Kleber
Descrição do site: Onde você encontra scripts grátis para o seu site
Sexo: Masculino
Localização: RJ / RJ / Brasil
Contato:

Como mudar o texto do required setCustomValidity html 5

22-05-2014 16:15

Segue uma forma mais simples de mudar a mensagem exibida no required de um input.

<input type="text" required="required" oninvalid="this.setCustomValidity('Preencha esse campo')">

1
A melhor hospedagem para o seu site HostGator!

Quem está online

Usuários navegando neste fórum: Nenhum usuário registrado