HTML5,如何强制输入模式验证价值变化？

我正在尝试学习 HTML5,并遇到以下问题.我想使用“模式”输入关键字来验证用户输入的输入(例如,按下Tab键或从输入框更改焦点后的验证).

我已经尝试过以下内容：

<input name="variable" value="" tabindex="1"  maxlength="13" required="required" pattern="${expectedValue}" onchage="this.variable.validate()" />  </li>

还有：

<input name="variable" value="" tabindex="1"  maxlength="13" required="required" pattern="${expectedValue}" />  </li>

我组成了代码

onchange="this.variable.validate()"

任何人都有建议如何触发价值变动的验证？我只能在提交上做到这一点.

谢谢！

解决方法

免责声明：
所有我要在这里说的都适用于所有现代浏览器.本文中的“现代浏览器”一词不包括IE9及更早版本.另外Safari for Windows只有部分支持.

如果您需要的是一个样式指示器,您可以使用纯CSS进行此操作：

input[pattern]:invalid{
  color:red;
}

使用模式时,浏览器会自动完成onsubmit验证(在Safari for Windows中不起作用).