¿Cómo cambiar el mensaje predeterminado del campo requerido en la ventana emergente de form-control en bootstrap?

 <form class="form-asd" role="form">
    <h2 class="form-signin-heading">login</h2><hr />
    <label class="control-label"  for="username">Username</label>
    <input class="form-control" type="email"  required="" placeholder="username"data-error="enter valid username"></input>
    <label class="control-label"  for="username">password</label>
    <input class="form-control" type="password"  required=" " placeholder="Password"></input>
    <label class="checkbox"></label>
    <button class="btn btn-lg btn-primary " type="submit">submit</button>
</form>

¿Cómo podemos cambiar este mensaje predeterminado de popover del campo requerido "Por favor, rellene este campo "a"por favor ingrese nombre de usuario"

Author: jgillich, 2014-06-24
Source

2 answers

Puede usar la función setCustomValidity cuando se produce el evento oninvalid.

Como abajo: - 

<input class="form-control" type="email" required="" 
    placeholder="username" oninvalid="this.setCustomValidity('Please Enter valid email')">
</input>

Actualización: -

Para borrar el mensaje una vez que empiece a introducir utilice el atributo oninput="setCustomValidity('') para borrar el mensaje.

<input class="form-control" type="email"  required="" placeholder="username"
 oninvalid="this.setCustomValidity('Please Enter valid email')"
 oninput="setCustomValidity('')"></input>
 110
Author: Mritunjay,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2017-09-20 08:35:35

La combinación de las respuestas de Mritunjay y Bartu son la respuesta completa a esta pregunta. Copio el ejemplo completo.

<input class="form-control" type="email"  required="" placeholder="username"
 oninvalid="this.setCustomValidity('Please Enter valid email')"
 oninput="setCustomValidity('')"></input>

Aquí,

Esto.setCustomValidity ('Please Enter valid email') " - Mostrar el mensaje personalizado en invalidado del campo

Oninput= " setCustomValidity(")" - Elimine el mensaje invalidar en el archivo validado.

 16
Author: Sairam Kukadala,
Warning: date(): Invalid date.timezone value 'Europe/Kyiv', we selected the timezone 'UTC' for now. in /var/www/agent_stack/data/www/ajaxhispano.com/template/agent.layouts/content.php on line 61
2017-04-11 18:47:28