问题标签 [webshim]

我在我管理的网站上有一些 html5 表单字段，它们将用户输入的数据推送到一个 php 文件，该文件将电子邮件发送到该网站的专用雅虎电子邮件。

这是html：

以前，我没有对这些字段进行任何验证，但是我收到了没有用户内容的空电子邮件，所以我认为人们只是按下按钮而没有输入任何我也可以自己测试的内容。所以我添加了以下验证 JS，还为不支持的浏览器使用了 webshim（以及required上面表单元素中的标签）：

以前我从用户那里获取输入的电子邮件并将其设置为发件人的电子邮件，但我遇到了某些电子邮件地址等问题。所以我将其默认为始终有效的随机电子邮件，并将用户输入的电子邮件包含在信息。这是我的 php 文件（contact-us.php）：

所以首先让我说一切正常。当我在这里测试功能时，一切正常。我可以从我的 ios 设备和笔记本电脑发送电子邮件，并且我有几个朋友从他们的 android 设备发送电子邮件。验证对我有用，所以它不会让我在没有至少填写必填字段的情况下发送电子邮件。在添加验证并将发件人电子邮件设置为默认电子邮件之前，我收到了空电子邮件。但是，即使进行了所有更改，我仍然会收到空电子邮件。当我测试时，我无法在所有平台和浏览器上进行测试，但在添加检查后我无法强制发送空电子邮件。我的验证是否在某处失败？我觉得人们正在填写字段，但不知何故电子邮件是空的。当我说空时，我的意思是我以编程方式添加到消息中的内容通过但用户应该输入的实际信息没有？这是怎么回事？

必需属性在 Safari 中不起作用。

为了解决这个问题，我正在使用 Webshim。一切正常，直到我注意到当我在表单标签上使用onsubmit时，它会在您提交时触发，无论是否有一些必需的输入为空。您会在输入中看到“请填写此字段”，但无论如何都会触发 onsubmit 函数。

这就是我初始化 Webshim 的方式：

在这里，您有一个工作示例。您可以在 Safari 和 Chrome 中尝试它，您会看到警报在 Safari 上触发，而不是在 chrome 中。

https://jsfiddle.net/3pxsvxxj/

拜托，我需要解决这个问题，我找不到办法。

干杯。

我一直在我正在从事的项目中使用 <input type="datetime-local"> webshim。polyfilling输入类型在 Chrome 和 Edge 中本机工作，但webshim在 Internet Explorer 中调用，并在 Firefox 56 及以下版本中使用。

这一切都很好，直到两周前 Firefox 自动更新到版本 57 又名“Quantum”。<input type="datetime-local"> 在那个版本中仍然不被原生支持，但是由于某种原因，webshim 也停止了 polyfill 它。它现在显示为纯文本输入。

我用谷歌搜索了一下，看看其他人是否有同样的问题，并希望有一个解决方案，但无济于事。我还用谷歌搜索了使用 datetime-local 输入类型的页面，其中一些webshim作为 polyfill，似乎它在任何地方都停止工作了。现在我难住了。

那么这里有没有人遇到过同样的问题，也许找到了解决方案或解决方法？假设 Firefox 的开发人员不会很快添加对 <input type="datetime-local"> 的支持，并且我没有做错任何事情，这意味着我们要么必须等待webshim开发人员解决问题，要么我将不得不寻找不同的polyfill ...

这里有谁知道是否webshim会更新以解决该问题？如果做不到这一点，还有哪些其他 polyfill 值得推荐？除非必须，否则我真的不想换。任何想法表示赞赏。

这是相关代码（为简洁起见，剪掉了很多东西）：

太感谢了 ：）

我已经尝试过您的图书馆的编号和日期。日期有效，但数字有问题，如果我使用德语，格式为 1.234,56，我收到此错误：“输入无效。” 它正在工作，但存在验证问题。你得到验证错误，你不能提交你能解决它吗？type="number" 公共小数价格 { 获取; 放; }

<input asp-for="Price" class="form-control" type="number"/>

我还创建了土耳其语。你能加吗？ https://github.com/aFarkas/webshim/issues/594

以下示例显示了使用阿拉伯数字系统的各个国家/地区的小数分隔符和千位分隔符。 http://www.wikizeroo.net/index.php?q=aHR0cHM6Ly9lbi53aWtpcGVkaWEub3JnL3dpa2kvRGVjaW1hbF9tYXJr

如何仅为特定的 formID 初始化 webshim？

webshim.polyfill('#formID forms forms-ext');

我想从 webshim 库中访问地理定位功能，但我没有找到正确的设置来让它工作？

我已经在访问内置的浏览器geolocation功能，但是想在没有该geolocation功能的浏览器的情况下设置 polyfill。

网络垫片

我正在制作一个用户脚本，将 shims 和 polyfills 放入页面中。我也包括了 Webshim，但它似乎没有做任何事情。

这就是我包含它的方式：

（insertBefore-ing 因为脚本标签在插入时运行）

这会导致 webshim 明显运行，并且没有任何错误。我在 Firefox 3.x 上尝试了它，我很确定这意味着它必须填充很多东西，但它似乎根本没有做任何事情。在 Firebug Net 面板中看到，它甚至似乎没有连接到任何其他 .js 文件，只有一个 shim-ext.css 文件。我去了显然有视频元素和其他 html5 内容的网页，但它仍然没有做任何事情。我以为我必须在元素或其他东西上放一些特殊的类名，但既不是 http://afarkas.github.io/webshim/demos/也不 是https://github.com/aFarkas/webshim或我发现的任何 stackoverflow 帖子或教程都提到了这一点。我认为问题在于它找不到其他文件，但它显然可以找到 shim-ext.css，我发现这种方法可以将它包含在 stackoverflow 中，唯一的区别是我在greasemonkey 中运行它。

用户脚本在“文档开始”处运行，我检查它是否在任何其他脚本之前运行，甚至在元素存在之前运行。如果我特别要求像'webshim.polyfill('forms');'这样的功能 它仍然无法工作或连接到任何东西。用户脚本在 Webshim 之前的页面中包括 ECMAScript 5 shim&sham、ECMAScript 6 shim&sham 和 HTML5shiv，以及它的最新版本。无论是否设置 basePath 和 extendNative，它仍然是一样的。