0

FormValidation.io を使用して入力を検証しています... 宣言型プラグインを使用してフォームを検証し、検証が失敗した後に表示されるメッセージの翻訳をテンプレート エンジン (PHP) で処理できるようにしたいと考えています。、およびその他の通常の HTML5 属性を
使用できますが、他のプラグインを同じ方法で使用する方法がわかりません。requiremax_length

https://formvalidation.io/guide/validators/vat#optionsのドキュメントに目を通し、次のことを行いました。

    <form id="sampleForm" action="<?= url("test/test") ?>" method="post" enctype="multipart/form-data" autocomplete="off" novalidate>
    <div class="form-group mb-3">
        <div class="input-group">

            <input name="sample_one" type="text" class="form-control form-control-lg" 
            required
            data-fv-vat___country="AT" 
            data-fv-vat-message___message="not a valid vat id"
            data-fv-not-empty___message="<?= lg("form_msg_required") ?>"
            />
      
        </div>
            <button type="submit" class="btn btn-primary mt-2">submit</button>
    </div>
</form>

私のスクリプトファイルでは:

document.addEventListener('DOMContentLoaded', function (e) {
  let form = document.getElementById('sampleForm');
  FormValidation.formValidation(
    form,
    {
      plugins: {
        trigger: new FormValidation.plugins.Trigger(),
        bootstrap: new FormValidation.plugins.Bootstrap(),
        submitButton: new FormValidation.plugins.SubmitButton(),
        declarative: new FormValidation.plugins.Declarative({
          html5Input: true,
      }),
        icon: new FormValidation.plugins.Icon({
          valid: 'fa fa-check',
          invalid: 'fa fa-times',
          validating: 'fa fa-refresh'
        })
      },
    })
    .on('core.form.valid', function () {
      ajaxForm(form);
    });
});

これは、require 条件のみを検証します。

私を助けてくれますか、正しい方向に導いてくれますか? 私は単純なものが欠けていると確信しています。コードのフォーマットが不適切で申し訳ありません。

4

0 に答える 0