【问题标题】:Parsley.js 2.0.2 require not working, but other validation worksParsley.js 2.0.2 要求不工作,但其他验证工作
【发布时间】:2014-07-06 18:16:57
【问题描述】:

由于这已经浪费了我一天半的生命,我要把它带到社区,有人可以拯救我,而我还有一些头发要拔掉。

我正在尝试使用 parsley.js,它实际上在大多数情况下都有效,除非我只是想做一些基本的事情,比如要求字段具有 ANY 值。

我知道 Parsley.js 正在加载,并且我知道它正在工作,因为例如,如果它正在寻找一个电子邮件地址,并且我在字段中添加一个字符并提交它,表单会停止提交并正确输出指示我必须在该字段中有电子邮件的错误消息。当我键入一封电子邮件时,验证工作并在识别出有效电子邮件后立即变为绿色。所以它适用于那部分。问题是,尽管我指出该字段是必需的,但如果该字段中没有值,欧芹似乎会让表单提交。如果该字段为空白,我希望它抛出错误,这就是不工作的部分。但即使在字段中输入一个字符也会导致其余的验证工作,但一个空白字段会直接滑过。请让我知道大家有什么想法。

<form role="form" action="" method="POST" class="parsley-validate">
  <div class="form-group">
    <label>Email:</label>
    <input type="text" data-parsley-require="true" data-parsley-type="email" class="form-control">
  </div>
  <button type="submit" class="btn btn-success">Submit</button>
</form>

看起来够基本了吧?我无法弄清楚为什么要求不起作用。也许有更多欧芹经验的人可以帮助我解决我没有看到的技巧。

<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript" src="parsley.min.js"></script>
<script>
    $('.parsley-validate').parsley();
</script>

显然,我也在表单上调用 parsley 并加载 jquery,就像我说的,如果我在字段中添加一个字符,它将验证。但是由于某种原因,如果该字段为空,它将通过。

【问题讨论】:

    标签: javascript jquery forms validation parsley.js


    【解决方案1】:

    你有一个错字 - 属性应该是“data-parsley-required”而不是“data-parsley-require”。你可以在这里找到工作示例http://jsfiddle.net/2p7Pz/

    <form role="form" action="" method="POST" class="parsley-validate">
      <div class="form-group">
        <label>Email:</label>
          <input type="text" data-parsley-required="true" data-parsley-type="email" class="form-control" />
      </div>
      <button type="submit" class="btn btn-success">Submit</button>
    </form>
    

    【讨论】:

    • 你明白了!需要那双干净的眼睛。
    猜你喜欢
    • 1970-01-01
    • 2021-01-27
    • 1970-01-01
    • 2013-04-25
    • 2012-11-01
    • 1970-01-01
    • 2018-11-18
    • 2014-08-29
    • 2018-09-12
    相关资源
    最近更新 更多