cambiar mensaje required

[solmedina87]

Iniciado por richardinj

<input title="Se necesita un nombre" type="text" name="nombre" required/>

Lástima que acabo de verlo pero este atributo "title" solo se ve en Chrome si no me equivoco.

Yo encontre una forma bastante simple de cambiar el mensaje... si involucra un poquito de javascript.

Controlo con el atributo "pattern" lo que quiero que se ingrese en el input (en mi caso son solo letras y un minimo de 3 y maximo de 100 letras)

Código HTML:

<input type="text" name="apellido" id="apellido" class="input-large" pattern="[A-Za-z]{3,100}" required oninput="check_text(this);"/>
 

Controlo que el pattern que ingrese en el input se cumpla y sino muestro el mensaje personalizado:

Código Javascript:

<script type="text/javascript">
function check_text(input) {  
    if (input.validity.patternMismatch){  
        input.setCustomValidity("Debe ingresar al menos 3 LETRAS");  
    }  
    else {  
        input.setCustomValidity("");  
    }                 
}  </script>