由于这已经浪费了我生命中的一天半,我将它带到社区,有人可以拯救我,而我还有一些头发留下来。
我正在尝试使用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,就像我说的,如果我在字段中添加一个字符,它将验证。但由于某些原因,如果该字段为空,则会经历。
答案 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>