【问题标题】:Parsley not validating a form after it is displayed by jQuery show()jQuery show() 显示表单后,Parsley 不验证表单
【发布时间】: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">&nbsp;</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


【解决方案1】:

解决了。问题是由按钮引起的

type="button"

而不是

type="submit"

谢谢。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-12-17
    • 2013-12-03
    • 1970-01-01
    • 2011-02-18
    • 2023-03-18
    • 2021-07-20
    相关资源
    最近更新 更多