javascript - Parsley.js 2.0.2 要求不起作用,但其他验证有效

标签 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>

显然,我也在表单上调用 parsley 并加载 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>

关于javascript - Parsley.js 2.0.2 要求不起作用,但其他验证有效,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24598879/

相关文章:

jquery - Tipsy jQuery Tooltip Plugin - 是否可以使用多种样式?

javascript - 读取输入并用 php 回显其他内容

javascript - 使用 JSON 数据填充 HTML 表,每个数组对象获取一个单元格而不是一行

javascript - 从数组中导出无序列表

javascript - 使用 jQuery 根据值对 JSON 数组进行排序

django - 将 Django 表单 Assets (媒体类)与清晰表单一起使用时,页面中不包含 .js 文件

php - 如果在 PHP 中选中复选框,如何读取?

javascript - 使下拉菜单项始终与其父项具有相同的大小? ( Bootstrap 和 CSS)

javascript - 使用 for 循环对数组进行排序失败

javascript - 如何使用 JavaScript 逐步设置样式?