这个小的HTML5密码字段可以在没有oninvalid属性的情况下完美运行（该模式说：最少6个字符）：

<form>
    <input type="password" name="user_password_new" pattern=".{6,}" required />      
    <input type="submit"  name="register" value="Register" />
</form>

在这里查看jsFiddle 。

但是，当我添加一个oninvalid属性，当用户的输入不适合该模式时，该属性会发出自定义错误消息，整个字段永远不会有效，请参见此处的代码：

<form>
    <input type="password" name="user_password_new" pattern=".{6,}" oninvalid="setCustomValidity('Minimum length is 6 characters')" required />      
    <input type="submit"  name="register" value="Register" />
</form>

在这里查看jsFiddle 。

你能发现错误吗？