有没有办法做部分parsley.js验证？

我正在创建一个长表单，我希望有两个操作按钮：'保存'和'提交'。我希望'Save'与'Submit'几乎相同，只不过它只运行内置的Parsley验证的一个子集，即'required'和'pattern'。欧芹文档似乎没有解决这个问题。欧芹是否允许这样做，还是有优雅的解决方法？到目前为止，我唯一的想法是在页面上运行所有验证，使用CSS隐藏不相关的错误消息，并且只要没有关于我正在测试的验证子集的错误消息，请考虑表单“已验证” ”。有没有办法做部分parsley.js验证？

来源

2015-09-29 Song King

你能提供你的代码吗？ – manetsus

没有办法只用Parsley运行验证类型的一个子集。

您应该考虑在保存之前和之后删除并添加您想要的其他验证的数据属性？

来源

2015-09-30 00:58:11

考虑使用表单控件上的数据 - 香菜组属性创建验证组。

检查这个例子：

$('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

希望它能帮助！ :)

来源

2017-09-04 14:10:29

尽管外部资源可能有用，但这并不能提供完整的答案。请直接在本文中提供解决方案。 –

谢谢你的注意Maciej。现在呢？ –

好多了，干得好！ :) –

有没有办法做部分parsley.js验证？

回答

相关问题