Verify.js库未验证

时间:2015-05-04 08:40:50

标签: javascript jquery validation

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

  1. 链接到github托管的库
  2. <!-- Verify.js (with Notify.js included) --> <script src="//raw.github.com/jpillora/verifyjs/gh-pages/dist/verify.notify.min.js"></script>

    1. 确保你链接了jQuery(当然!)

    2. 通过在表单字段中输入data-validate =“____”来添加验证规则

    3. 但是,我已经完成了这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>
      

      提前致谢!

1 个答案:

答案 0 :(得分:3)

您的浏览器拒绝从raw.github.com执行脚本,因为其MIME类型(&#34; text / plain&#34;)不可执行,并且启用了严格的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>