我正在创建一个带有长表单的页面,我希望为其添加两个操作按钮:“保存”和“提交”。我希望“保存”与“提交”几乎相同,只是它只会运行内置欧芹验证的子集,即“必需”和“模式”。欧芹文档似乎没有解决这个问题。欧芹允许这样做吗,或者有一个优雅的解决方法吗?到目前为止,我唯一的想法是在页面上运行所有验证,使用 CSS 隐藏不相关的错误消息,并考虑表单“已验证”,只要没有关于我正在测试“保存”的验证子集的错误消息'.
最佳答案
考虑在表单控件上使用data-parsley-group属性来创建验证组。
检查这个例子:
$('document').ready(function() {
$('input[type=submit]').click(function(event) {
if ($('.demo-form').parsley().validate({
group: 'block1',
force: true
})) {
alert('Valid group!');
}
})
});
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<h4>Correctly fill at least one of these blocks</h4>
<form class="demo-form" data-parsley-validate="">
<div class="first">
<label for="firstname">Firstname:</label>
<input type="text" name="firstname" data-parsley-group="block1" required="required">
<label for="lastname">Lastname:</label>
<input type="text" name="lastname" data-parsley-group="block1" required="required">
</div>
<hr>
<div class="second">
<label for="fullname">Fullname:</label>
<input type="text" name="fullname" required="required">
</div>
<div class="invalid-form-error-message"></div>
<input type="submit" class="btn btn-default validate">
</form>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="http://parsleyjs.org/dist/parsley.min.js"></script>
</body>
</html>
在此处查看更多引用:
http://parsleyjs.org/doc/examples/events.html
希望对您有帮助! :)
关于javascript - 有没有办法进行部分 parsley.js 验证?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32855617/