You are here: start » web » formvalidation.io

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revisionPrevious revision
Next revision		Previous revision
web:formvalidation.io [2023-11-04 09:02] – [formvalidation.io] adminweb:formvalidation.io [2023-11-04 10:39] (current) – admin
Line 1: Line 1:
-===== Web ===== +====== Web ====== 
-=== formvalidation.io ===+ 
 +===== formvalidation.io =====
   * website: [[https://formvalidation.io/]]   * website: [[https://formvalidation.io/]]
-== Installation ==+==== Installation ====
 <code bash> <code bash>
 npm install @form-validation/bundle npm install @form-validation/bundle
Line 9: Line 10:
 npm install @form-validation/plugin-j npm install @form-validation/plugin-j
 </code> </code>
-== Typical code == +==== Typical code ==== 
-<code php>+<code php | css> 
 +    <?php if ( defined('PAGE_OPTIONS') and in_array('formvalidation', PAGE_OPTIONS) ) { ?> 
 +      <link rel="stylesheet" href="/node_modules/@form-validation/plugin-bootstrap5/lib/styles/index.min.css" /> 
 +      <link rel="stylesheet" href="/node_modules/@form-validation/styles/lib/styles/index.min.css" /> 
 +    <?php } ?> 
 +</code> 
 +<code php | javascript>
   <?php if ( defined('PAGE_OPTIONS') and in_array('formvalidation', PAGE_OPTIONS) ) { ?>   <?php if ( defined('PAGE_OPTIONS') and in_array('formvalidation', PAGE_OPTIONS) ) { ?>
     <script src="/node_modules/@form-validation/bundle/lib/umd/popular.min.js"></script>     <script src="/node_modules/@form-validation/bundle/lib/umd/popular.min.js"></script>
Line 18: Line 25:
   <?php } ?>   <?php } ?>
 </code> </code>
 +==== Typical errors ==== 
 +  * ''Cannot read properties of null (reading 'classList')'' 
 +    * Caused by bootstrap5-plugin: this requires the form-control to be embedded in a ''.row'' div > the .row div will contain the ''.fv-plugins-bootstrap5-row-invalid'' style and add a ''.fv-plugins-message-container.invalid-feedback'' div to the bottom of the row.