这个小的HTML5密码字段完全符合oninvalid属性(模式说:最少6个字符):
<form> <input type="password" name="user_password_new" pattern=".{6,}" required /> <input type="submit" name="register" value="Register" /> </form>
看到jsFiddle here。
但是当我添加一个无效的属性,当用户的输入不符合模式时,会发出自定义错误消息,整个字段永远不会变为有效,请参见以下代码:
<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 here。
你能发现错误吗?