cambiando el idioma del mensaje de error en el campo obligatorio en el formulario de contacto html5

Question

Estoy intentando cambiar el idioma del mensaje de error en el campo de formulario html5.

tengo este código:

<input type="text" name="company_name" oninvalid="setCustomValidity('Lütfen işaretli yerleri doldurunuz')" required /> 

pero en enviar, incluso el campo no está en blanco, todavía consigo el mensaje de error.

he intentado con <input type="text" name="company_name" setCustomValidity('Lütfen işaretli yerleri doldurunuz') required />

pero entonces aparece el mensaje de Inglés. ¿Alguien sabe cómo puedo mostrar el mensaje de error en otro idioma?

Saludos, Zoran

Answer 1

setCustomValidity 's propósito no es sólo para establecer el mensaje de Validación, éste sí marcas el campo como no válidos. Le permite escribir comprobaciones de validación personalizadas que no son compatibles de forma nativa.

Tiene dos formas posibles de configurar un mensaje personalizado, uno fácil que no involucre Javascript y otro que sí lo haga.

La manera más fácil es simplemente usar el atributo title en el elemento de entrada; su contenido se muestra junto con el mensaje estándar del navegador.

<input type="text" required title="Lütfen işaretli yerleri doldurunuz" /> 

Si sólo desea que el mensaje personalizado que se mostrará, se requiere un poco de Javascript. He proporcionado ambos ejemplos en this fiddle.

Answer 2

HTML:

<form id="myform"> 
    <input id="email" oninvalid="InvalidMsg(this);" name="email" oninput="InvalidMsg(this);" type="email" required="required" /> 
    <input type="submit" /> 
</form> 

javascript:

function InvalidMsg(textbox) { 
    if (textbox.value == '') { 
     textbox.setCustomValidity('Lütfen işaretli yerleri doldurunuz'); 
    } 
    else if (textbox.validity.typeMismatch){{ 
     textbox.setCustomValidity('please enter a valid email address'); 
    } 
    else { 
     textbox.setCustomValidity(''); 
    } 
    return true; 
} 

Demostración:

http://jsfiddle.net/patelriki13/Sqq8e/4

Answer 3

su olvidemos this en oninvalid, cambiar su código con esto:

oninvalid="this.setCustomValidity('Lütfen işaretli yerleri doldurunuz')" 

<form><input type="text" name="company_name" oninvalid="this.setCustomValidity('Lütfen işaretli yerleri doldurunuz')" required /><input type="submit"> 
 
</form>

Answer 4

Sé que esto es una entrada antigua, pero quiero compartir mi experiencia.

HTML:

Javascript (jQuery):

$('input[required]').on('invalid', function() { 
    this.setCustomValidity($(this).data("required-message")); 
}); 

Ésta es una muestra muy simple. Espero que esto pueda ayudar a cualquiera.

Answer 5

<input type="text" id="inputName" placeholder="Enter name" required oninvalid="this.setCustomValidity('Please Enter your first name')" > 

esto le puede ayudar aún más mejor, rápido, práctico & más fácil.