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

前端之家收集整理的这篇文章主要介绍了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中不起作用).

猜你在找的HTML5相关文章