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

Parsley.js 2.0.2 require not working, but other validation works

本文关键字:工作 其他 验证 js Parsley      更新时间:2023-09-26

既然这已经浪费了我一天半的生命,我把它带给社区,有人可以在我还有头发要拔的时候救我。

我试图使用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,就像我说的,如果我在字段中添加一个字符,它将验证。但由于某些原因,如果字段是空的,它会通过。

你有一个打字错误-属性应该是"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>
相关文章: