FormValidation.io を使用して入力を検証しています... 宣言型プラグインを使用してフォームを検証し、検証が失敗した後に表示されるメッセージの翻訳をテンプレート エンジン (PHP) で処理できるようにしたいと考えています。、およびその他の通常の HTML5 属性を
使用できますが、他のプラグインを同じ方法で使用する方法がわかりません。require
max_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 条件のみを検証します。
私を助けてくれますか、正しい方向に導いてくれますか? 私は単純なものが欠けていると確信しています。コードのフォーマットが不適切で申し訳ありません。