Parsley.js 2.0.2要求不工作,但其他验证工作

时间:2014-07-06 18:16:58

标签: javascript jquery forms validation parsley.js

由于这已经浪费了我生命中的一天半,我将它带到社区,有人可以拯救我,而我还有一些头发留下来。

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

我知道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>

显然我也在表格上打电话给欧芹。加载jquery,就像我说的,如果我在字段中添加一个字符,它将验证。但由于某些原因,如果该字段为空,则会经历。

1 个答案:

答案 0 :(得分: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>