html5必需的验证在浏览器上工作得很好，但在phonegap应用程序上却不能

Question

我正在开发phonegap（v 5.1.1）上的应用程序，并使用phonegap应用程序在android上进行本地测试。 我在html中创建了一个表单，出于验证目的，我使用了必填属性。 在浏览器（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> 

谢谢。

Answer 1

您正在运行Android 4.2.2，并且在更高版本的Android之前，此处未正确支持“必需” /表单验证。 caniuse.com 在这里有很好的支持矩阵 。

为了涵盖所有Android版本，您可以使用“ required”，但不要依赖它，并且可以在用户提交表单时为JavaScript中的缺失值进行防御性编码。

Answer 2

对于iOS而言，一个有趣的情况是：现在Safari Mobile支持它 ，当与“添加到主屏幕”功能一起使用时，但是，一旦使用Cordova构建该应用程序，就将忽略验证 。

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

浏览器navigator.userAgent ：

Mozilla / 5.0（iPhone； CPU iPhone OS 11_2，例如Mac OS X）AppleWebKit / 604.4.7（KHTML，例如Gecko）版本/11.0移动版/ 15C107 Safari / 604.1

Cordova应用程序navigator.userAgent ：

Mozilla / 5.0（iPhone； CPU iPhone OS 11_2，例如Mac OS X）AppleWebKit / 604.4.7（KHTML，例如Gecko）移动设备/ 15C107