chore: update examples api

Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>

api/form/introduzione.json

@@ -21,6 +21,6 @@
     },
     {
         "name": "Con validazione ",
-        "content": "\n<form class=\"needs-validation\" id=\"justValidateForm\">\n  <div class=\"row mt-4\">\n    <div class=\"form-group col-md-3\">\n      <label class=\"active\" for=\"validationCustom01\">Nome</label>\n      <input type=\"text\" class=\"form-control\" id=\"validationCustom01\" value=\"Mario\" required>\n    </div>\n    <div class=\"form-group col-md-3\">\n      <label class=\"active\" for=\"validationCustom02\">Cognome</label>\n      <input type=\"text\" class=\"form-control\" id=\"validationCustom02\" value=\"Rossi\" required>\n    </div>\n    <div class=\"form-group col-md-3\">\n      <label for=\"validationCustomUsername\">Username</label>\n      <input type=\"text\" class=\"form-control\" id=\"validationCustomUsername\" required>\n    </div>\n    <div class=\"form-group col-md-3\">\n      <label class=\"input-number-label active \" for=\"validationAge\">Et\u00e0 (minimo 18 anni)</label>\n      <input type=\"number\" data-bs-input class=\"form-control\" id=\"validationAge\" value=\"18\" min=\"18\" step=\"1\" required>\n    </div>\n  </div>\n  <div class=\"row\">\n    <div class=\"form-group col-md-6\">\n      <label for=\"validationCustom03\">Citt\u00e0</label>\n      <input type=\"text\" class=\"form-control\" id=\"validationCustom03\" required>\n    </div>\n    <div class=\"form-group col-md-3\">\n      <label for=\"validationCustom04\">Provincia</label>\n      <input type=\"text\" class=\"form-control\" id=\"validationCustom04\" required>\n    </div>\n    <div class=\"form-group col-md-3\">\n      <label for=\"validationCustom05\">CAP (5 cifre)</label>\n      <input type=\"text\" class=\"form-control\" id=\"validationCustom05\" required>\n    </div>\n  </div>\n  <div class=\"row align-items-center\">\n    <div class=\"col-md-9 col-lg-6\">\n      <div class=\"form-check mt-0\">\n        <input class=\"form-check-input\" type=\"checkbox\" value=\"\" id=\"invalidCheck\" required>\n        <label class=\"form-check-label\" for=\"invalidCheck\">Accetto i termini e le condizioni.</label>\n      </div>\n    </div>\n    <div class=\"col-md-3 col-lg-6 mt-3 mt-md-0 d-flex justify-content-center justify-content-md-end justify-content-lg-start\">\n        <button class=\"btn btn-primary\" type=\"submit\">Invia</button>\n    </div>\n  </div>\n</form>\n<div class=\"row mt-4\">\n  <div class=\"col-12\">\n    <div aria-live=\"polite\" id=\"errorMsgContainer\"></div>\n  </div>\n</div>\n<script>\n  document.addEventListener(\"DOMContentLoaded\", function() {\n    const errorMessage = '<div class=\"alert alert-danger alert-dismissible fade show\" role=\"alert\"><strong>Attenzione</strong> Alcuni campi inseriti sono da controllare.<button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"alert\" aria-label=\"Chiudi avviso\">';\n    const errorWrapper = document.querySelector('#errorMsgContainer');\n    const validate = new bootstrap.FormValidate('#justValidateForm', {\n      errorFieldCssClass: 'is-invalid',\n      errorLabelCssClass: 'form-feedback',\n      errorLabelStyle: '',\n      focusInvalidField: false,\n    })\n    validate\n      .addField('#validationCustom01', [\n        {\n          rule: 'required',\n          errorMessage: 'Questo campo \u00e8 richiesto'\n        },\n      ])\n      .addField('#validationCustom02', [\n        {\n          rule: 'required',\n          errorMessage: 'Questo campo \u00e8 richiesto'\n        },\n      ])\n      .addField('#validationCustom03', [\n        {\n          rule: 'required',\n          errorMessage: 'Questo campo \u00e8 richiesto'\n        },\n      ])\n      .addField('#validationCustom04', [\n        {\n          rule: 'required',\n          errorMessage: 'Questo campo \u00e8 richiesto'\n        },\n      ])\n      .addField('#validationCustomUsername', [\n        {\n          rule: 'required',\n          errorMessage: 'Questo campo \u00e8 richiesto'\n        },\n      ])\n      .addField('#validationAge', [\n        {\n          rule: 'required',\n          errorMessage: 'Questo campo \u00e8 richiesto'\n        },\n        {\n          rule: 'minNumber',\n          value: 18,\n          errorMessage: 'Deve essere maggiore di 17'\n        },\n      ])\n      .addField('#validationCustom05', [\n        {\n          rule: 'required',\n          errorMessage: 'Questo campo \u00e8 richiesto'\n        },\n        {\n          rule: 'minLength',\n          value: 5,\n          errorMessage: 'Inserire 5 cifre'\n        },\n        {\n          rule: 'maxLength',\n          value: 5,\n          errorMessage: 'Inserire 5 cifre'\n        },\n        {\n          rule: 'number',\n          errorMessage: 'Inserire un numero'\n        },\n      ])\n      .addField('#invalidCheck', [\n        {\n          rule: 'required',\n          errorMessage: 'Questo campo \u00e8 richiesto'\n        },\n      ])\n      .onSuccess(() => {\n        document.forms['justValidate'].submit()\n      })\n      .onFail((fields) => {\n        errorWrapper.innerHTML = '';\n        errorWrapper.innerHTML = errorMessage\n      })\n  })\n</script>\n\n"
+        "content": "\n<form class=\"needs-validation\" id=\"justValidateForm\">\n  <div class=\"row mt-4\">\n    <div class=\"form-group col-md-3\">\n      <label class=\"active\" for=\"validationCustom01\">Nome</label>\n      <input type=\"text\" class=\"form-control\" id=\"validationCustom01\" value=\"Mario\" required>\n    </div>\n    <div class=\"form-group col-md-3\">\n      <label class=\"active\" for=\"validationCustom02\">Cognome</label>\n      <input type=\"text\" class=\"form-control\" id=\"validationCustom02\" value=\"Rossi\" required>\n    </div>\n    <div class=\"form-group col-md-3\">\n      <label for=\"validationCustomUsername\">Username</label>\n      <input type=\"text\" class=\"form-control\" id=\"validationCustomUsername\" required>\n    </div>\n    <div class=\"form-group col-md-3\">\n      <label class=\"input-number-label active \" for=\"validationAge\">Et\u00e0 (minimo 18 anni)</label>\n      <input type=\"number\" data-bs-input class=\"form-control\" id=\"validationAge\" value=\"18\" min=\"18\" step=\"1\" required>\n    </div>\n  </div>\n  <div class=\"row\">\n    <div class=\"form-group col-md-6\">\n      <label for=\"validationCustom03\">Citt\u00e0</label>\n      <input type=\"text\" class=\"form-control\" id=\"validationCustom03\" required>\n    </div>\n    <div class=\"form-group col-md-3\">\n      <label for=\"validationCustom04\">Provincia</label>\n      <input type=\"text\" class=\"form-control\" id=\"validationCustom04\" required>\n    </div>\n    <div class=\"form-group col-md-3\">\n      <label for=\"validationCustom05\">CAP (5 cifre)</label>\n      <input type=\"text\" class=\"form-control\" id=\"validationCustom05\" required>\n    </div>\n  </div>\n  <div class=\"row align-items-center\">\n    <div class=\"col-md-9 col-lg-6\">\n      <div class=\"form-check mt-0\">\n        <input class=\"form-check-input\" type=\"checkbox\" value=\"\" id=\"invalidCheck\" required>\n        <label class=\"form-check-label\" for=\"invalidCheck\">Accetto i termini e le condizioni.</label>\n      </div>\n    </div>\n    <div class=\"col-md-3 col-lg-6 mt-3 mt-md-0 d-flex justify-content-center justify-content-md-end justify-content-lg-start\">\n        <button class=\"btn btn-primary\" type=\"submit\">Invia</button>\n    </div>\n  </div>\n</form>\n<div class=\"row mt-4\">\n  <div class=\"col-12\">\n    <div aria-live=\"polite\" id=\"errorMsgContainer\"></div>\n  </div>\n</div>\n<script>\n  document.addEventListener(\"DOMContentLoaded\", function() {\n    const errorMessage = '<div class=\"alert alert-danger alert-dismissible fade show\" role=\"alert\"><strong>Attenzione</strong> Alcuni campi inseriti sono da controllare.<button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"alert\" aria-label=\"Chiudi avviso\">';\n    const errorWrapper = document.querySelector('#errorMsgContainer');\n    const validate = new bootstrap.FormValidate('#justValidateForm', {\n      errorFieldCssClass: 'is-invalid',\n      errorLabelCssClass: 'form-feedback',\n      errorLabelStyle: '',\n      focusInvalidField: false,\n    })\n    validate\n      .addField('#validationCustom01', [\n        {\n          rule: 'required',\n          errorMessage: 'Questo campo \u00e8 richiesto'\n        },\n      ])\n      .addField('#validationCustom02', [\n        {\n          rule: 'required',\n          errorMessage: 'Questo campo \u00e8 richiesto'\n        },\n      ])\n      .addField('#validationCustom03', [\n        {\n          rule: 'required',\n          errorMessage: 'Questo campo \u00e8 richiesto'\n        },\n      ])\n      .addField('#validationCustom04', [\n        {\n          rule: 'required',\n          errorMessage: 'Questo campo \u00e8 richiesto'\n        },\n      ])\n      .addField('#validationCustomUsername', [\n        {\n          rule: 'required',\n          errorMessage: 'Questo campo \u00e8 richiesto'\n        },\n      ])\n      .addField('#validationAge', [\n        {\n          rule: 'required',\n          errorMessage: 'Questo campo \u00e8 richiesto'\n        },\n        {\n          rule: 'minNumber',\n          value: 18,\n          errorMessage: 'Deve essere maggiore di 17'\n        },\n      ])\n      .addField('#validationCustom05', [\n        {\n          rule: 'required',\n          errorMessage: 'Questo campo \u00e8 richiesto'\n        },\n        {\n          rule: 'minLength',\n          value: 5,\n          errorMessage: 'Inserire 5 cifre'\n        },\n        {\n          rule: 'maxLength',\n          value: 5,\n          errorMessage: 'Inserire 5 cifre'\n        },\n        {\n          rule: 'number',\n          errorMessage: 'Inserire un numero'\n        },\n      ])\n      .addField('#invalidCheck', [\n        {\n          rule: 'required',\n          errorMessage: 'Questo campo \u00e8 richiesto'\n        },\n      ])\n      .onSuccess(() => {\n        document.forms['justValidateForm'].submit()\n      })\n      .onFail((fields) => {\n        errorWrapper.innerHTML = '';\n        errorWrapper.innerHTML = errorMessage\n      })\n  })\n</script>\n\n"
     }
 ]