首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Jquery表单验证器不工作。

Jquery表单验证器不工作。
EN

Stack Overflow用户
提问于 2016-09-02 07:26:40
回答 1查看 514关注 0票数 0

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

以下是html页面

代码语言:javascript
复制
<!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>

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2016-09-02 07:30:46

问题是,您没有正确地链接脚本,您忽略了http://或https://,如果您在本地主机中运行它,这是很重要的。

我测试过了,它还能用

代码语言:javascript
复制
<!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>
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/39286639

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档