【发布时间】:2020-06-24 17:55:45
【问题描述】:
我有一个表格
<div id="winForm">
<div class="container pt-2">
<div class="row">
<div class="col-2">
<a href="javascript:void(0);" class="d-none d-md-block iGoToDashboard" style=""><i class="fas fa-arrow-left"> </i>Dashboard</a>
<a href="javascript:void(0);" class="d-block d-md-none iGoToDashboard" style="font-size: 20px;"><i class="fas fa-arrow-circle-left"></i></a>
</div>
<div class="col-8 text-center">
<h3 class="" id="htmlNomeCommessa">COMMESSA </h3>
</div>
<div class="col-2 text-center">
</div>
</div>
<form id="iCommessaForm" method="post" action="" enctype="multipart/form-data">
通常被 JQuery 隐藏
$("#winForm").hide();
显示时应使用 Parsley 进行验证
$("#winForm").show();
$("#iCommessaForm").parsley({
errorClass: 'has-danger',
successClass: 'has-success',
classHandler: function(ParsleyField) {
return ParsleyField.$element.closest('.form-group');
},
errorsContainer: function(ParsleyField) {
return ParsleyField.$element.closest('.form-group');
},
errorsWrapper: '<span class="form-text text-danger"></span>',
errorTemplate: '<span></span>'
}).on('form:validate', function() {
$("#iCommessaForm").addClass('was-validated');
});
....
<button type="button" class="btn btn-primary btn-block salva" id="iCommessa__button"><i class="fas fa-save mr-2"></i>Salva</button>
我知道 Parsley 不验证隐藏字段,我尝试了这个解决方案 Parsley JS 2.x - how do you validate hidden fields? 没有成功。 有什么建议可以验证此表格吗? 谢谢。
【问题讨论】:
-
没有工作的最小示例很难回答
-
很抱歉,我不能分享这个例子,因为我们使用 Parsley 和 Electron 来获取桌面应用程序。
标签: javascript validation show-hide hidden parsley.js