既然这已经浪费了我一天半的生命,我把它带到社区,有人可以拯救我,而我还有一些头发可以拔。
我正在尝试使用 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/