Html5要求验证在浏览器上运行良好，但在phonegap应用上就不行

html5 required validation working great on browser but not phonegap app

本文关键字：但在 phonegap 应用 验证 运行 浏览器 Html5      更新时间：2023-09-26

我正在开发phonegap (v 5.1.1)上的应用程序，并使用phonegap应用程序在android上进行本地测试。我在html中创建了一个表单，为了验证目的，我使用了required属性。在浏览器(firefox, chrome)中，它工作得很好，因为它应该是，而在移动设备上，它不验证任何东西。并提交。为什么会发生这种情况?android支持html5吗? 

 <form id="LoginForm" action="">
   <input type="email" name="email" id="inputEmail3" placeholder="Email" required>
   <input type="password" name="pwd" id="inputPassword3" placeholder="Password" required>
   <button type="submit">Sign in</button>
   </form>

谢谢。

您正在运行的Android 4.2.2和"required"/表单验证不被正确支持，直到新版本的Android。Caniuse.com在这里有很好的支持矩阵。

为了覆盖所有Android版本，你可以使用"required"，但不要依赖它，当用户提交表单时，还可以为JavaScript中缺失的值编写防御性代码。

iOS的一个有趣的情况:现在在Safari Mobile中得到支持，当与"添加到主屏幕"功能一起使用时，然而，一旦应用程序使用Cordova构建，验证就会被忽略。

测试required属性，相同的设备，几乎相同的navigator.userAgent:

浏览器navigator.userAgent:

Mozilla/5.0 (iPhone;CPU iPhone OS 11_2 like Mac OS X AppleWebKit/604.4.7 (KHTML, like Gecko) Version/11.0 Mobile/15C107 Safari/604.1

Cordova app navigator.userAgent:

Mozilla/5.0 (iPhone;CPU iPhone OS 11_2 like Mac OS X AppleWebKit/604.4.7 (KHTML, like Gecko) Mobile/15C107

相关文章：