HTML5输入类型模式在Android / Chrome中无效

Question

我想避免用户输入任何非数字字符。 这是我的文字字段：

<input id="cvv" name="cvv" type="text" minlength="3" pattern="[0-9]*" required="required" placeholder="000" size="3" maxlength="3">

这在桌面浏览器中运行良好。但这在Android / Chrome浏览器中无效。有帮助吗？感谢。

Answer 1

尚未在移动浏览器中完全支持HTML 5功能。检查兼容性here - see Browser Compatibility section和here。

您可以使用＆＃34;数字＆＃34;输入类型，来自Android 4的supported。

<input id="cvv" name="cvv" type="number" required="required" placeholder="000" />

此外，您可以使用JavaScript来验证使用onkeypress或onblur事件。

Answer 2

Android版浏览器在版本4.4之前不会support HTML5格式化功能。

要在不支持HTML5功能的浏览器上按模式（和要求）对表单数据执行客户端预检，您需要使用JavaScript。有很多库，但在这样的简单情况下，自己编写代码可能更容易。细节取决于所需的错误处理。