Atributo obrigatório do formulário HTML5. Definir mensagem de validação personalizada?
Tenho o seguinte formulário HTML5:http: //jsfiddle.net/nfgfP
<form id="form" onsubmit="return(login())">
<input name="username" placeholder="Username" required />
<input name="pass" type="password" placeholder="Password" required/>
<br/>Remember me: <input type="checkbox" name="remember" value="true" /><br/>
<input type="submit" name="submit" value="Log In"/>
Atualmente, quando clico em Enter quando os dois estão em branco, uma caixa pop-up aparece dizendo "Por favor, preencha este campo". Como eu alteraria essa mensagem padrão para "Este campo não pode ser deixado em branco"?
EDITAR Observe também que a mensagem de erro do campo de senha do tipo é simplesmente*****
. Para recriar isso, atribua um valor ao nome de usuário e pressione enviar.
EDITA: Estou usando o Chrome 10 para testes. Por favor, faça o mesmo