javascript - verify.js 库未验证

Question

verify.js 文档网站 ( http://verifyjs.com/ ) 看起来，为了在您的网站上进行表单验证，您所要做的就是:

1. 链接到 github 托管的库

<!-- Verify.js (with Notify.js included) --> <script src="//raw.github.com/jpillora/verifyjs/gh-pages/dist/verify.notify.min.js"></script>

确保您已链接 jQuery(当然!)

通过在表单字段中添加 data-validate="____"添加验证规则

但是，我已经完成了这 3 个步骤，但我正在尝试验证电子邮件，地址为 www.texasca.com/quote.php不验证。例如，您可以输入无效的电子邮件，但什么也不会发生。

我错过了什么吗？我在他们提供的文档中找不到任何可以告诉我做错了什么的内容。

与该问题相关的我的代码如下。

带有验证的表单字段:

<p class="regular-content option-label">Email Address</p>
    <input class="quote-option" type="text" name="EmailAddress" data-validate="email" id="EmailAddress" required >

包括必要的Javascript:

<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>   
<script src="//code.jquery.com/ui/1.11.2/jquery-ui.js"></script>
<!-- Latest compiled and minified JavaScript -->
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<!-- Verify.js (with Notify.js included) -->
<script src="//raw.github.com/jpillora/verifyjs/gh-pages/dist/verify.notify.min.js"></script>

提前致谢!

Answer 1

您的浏览器拒绝执行来自 raw.github.com 的脚本因为它的 MIME 类型(“text/plain”)不可执行，并且启用了严格的 MIME 类型检查。

为什么会发生这种情况？

因为 verifyjs 文档已过时。 Github 是一个 GIT 存储库服务，而不是 CDN 解决方案。他们希望避免由于直接引用资源 (css/js) 而导致服务器出现巨大流量，因此他们不提供正确的 MIME 类型。

解决方案!

您必须将文本(在本例中为 verify.notify.min.js)作为 javascript 文件而不是文本提供。还有更多解决方案。首先是您自己将文件托管在某个地方。其次是使用名为 RawGit 的服务.

如何使用 RawGit 做到这一点？

替换代码的最后一行<script src="//raw.github.com/jpillora/verifyjs/gh-pages/dist/verify.notify.min.js"></script>与 <script src="https://rawgit.com/jpillora/verifyjs/gh-pages/dist/verify.notify.min.js"></script> .