Question

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

我正在尝试使用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，就像我说的，如果我在字段中添加一个字符，它将验证。但由于某些原因，如果该字段为空，则会经历。

Answer 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>

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

1 个答案: