我正在尝试学习
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只有部分支持.
所有我要在这里说的都适用于所有现代浏览器.本文中的“现代浏览器”一词不包括IE9及更早版本.另外Safari for Windows只有部分支持.
如果您需要的是一个样式指示器,您可以使用纯CSS进行此操作:
input[pattern]:invalid{ color:red; }
使用模式时,浏览器会自动完成onsubmit验证(在Safari for Windows中不起作用).