javascript - HTML5 表单必需属性。设置自定义验证消息？

Question

我有以下 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"/>

目前，当我在它们都为空白时按 Enter 键时，会出现一个弹出框，上面写着“请填写此字段”。如何将默认消息更改为“此字段不能留空”？

编辑: 另请注意，类型密码字段的错误消息只是 *****。要重新创建它，请给用户名一个值并点击提交。

编辑:我正在使用 Chrome 10 进行测试。请做同样的事情

Answer 1

这是处理 HTML5 中自定义错误消息的代码:

<input type="text" id="username" required placeholder="Enter Name"
  oninvalid="this.setCustomValidity('Enter User Name Here')"
  oninput="this.setCustomValidity('')"/>

这部分很重要，因为它在用户输入新数据时隐藏了错误消息:

oninput="this.setCustomValidity('')"