Jquery表单验证器不起作用[重复]答案

【问题标题】：Jquery form validator does not work [duplicate]Jquery表单验证器不起作用[重复]
【发布时间】：2016-09-02 15:40:09
【问题描述】：

我正在使用这个网站http://www.formvalidator.net/index.html 来测试我的实时表单验证。我遇到的问题是代码根本不起作用。

这里是html页面

<!DOCTYPE html>
<html>
 <head>
  <title>Title of the document</title>
  </head>
  <body>
    <form action="" method="POST">
      <p>
        User name (4 characters minimum, only alphanumeric characters):
        <input data-validation="length alphanumeric" data-validation-length="min4">
      </p>
      <p>
        Year (yyyy-mm-dd):
        <input data-validation="date" data-validation-format="yyyy-mm-dd">
      </p>
      <p>
        Website:
        <input data-validation="url">
      </p>
      <p>
        <input type="submit">
      </p>
    </form>
    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script src="//cdnjs.cloudflare.com/ajax/libs/jquery-form-validator/2.3.26/jquery.form-validator.min.js"></script>
    <script>
      $.validate({
        lang: 'es'
      });
    </script>
  </body>
</html>

【问题讨论】：

在我从您的代码创建了一个 sn-p 之后为我工作。在这里试试？
从本地硬盘测试时需要添加协议
@mplungjan 它对我不起作用，即使在使用 http 修复脚本标签后也是如此
您可以尝试使用 https - 控制台错误是什么？（按 F12）

标签： jquery

【解决方案1】：

问题是您没有正确链接脚本，您忽略了 http:// 或 https://，如果您在 localhost 中运行它，这一点很重要。

我测试了它，它正在工作

<!DOCTYPE html>
<html>
    <head>
    <title>Title of the document</title>
    </head>

    <body>
        <form action="" method="POST">
          <p>
            User name (4 characters minimum, only alphanumeric characters):
            <input data-validation="length alphanumeric" data-validation-length="min4">
          </p>
          <p>
            Year (yyyy-mm-dd):
            <input data-validation="date" data-validation-format="yyyy-mm-dd">
          </p>
          <p>
            Website:
            <input data-validation="url">
          </p>
          <p>
            <input type="submit">
          </p>
        </form>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
        <script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-form-validator/2.3.26/jquery.form-validator.min.js"></script>
        <script>
          $.validate({
            lang: 'es'
          });
        </script>
    </body>

</html>

【讨论】：

我只是复制粘贴了你的代码，还是不行，我不知道怎么回事，我只是做了一个文件validation.html并粘贴了你的代码......
你并不完全正确。从文件系统进行测试时，她需要添加协议。从服务器最好省略http，因为服务器会添加相关协议
这取决于她是否从本地主机尝试。
是的，这就是我刚才所说的- localhost 也会添加http。错误是当您使用 file:// 从硬盘测试时
@EnmanuelDurán 在我放 https 后它现在可以工作了！！！！非常感谢！