CD 7556948129: Update GCWeb compiled demos files

wet-boew · Jan 17, 2024 · f2036d3 · f2036d3
1 parent 492cfc6
commit f2036d3
Show file tree

Hide file tree

Showing 2 changed files with 74 additions and 0 deletions.
diff --git a/_wetboew-demos/formvalid/formvalid-en.html b/_wetboew-demos/formvalid/formvalid-en.html
@@ -900,3 +900,40 @@ <h2>Various examples of stacked and horizontal forms</h2>
 		</ul>
 	</noscript>
 </section>
+
+<section>
+	<h2>Edge test cases</h2>
+	<p>The following examples are only for testing purposes of some edge case configurations to ensure the plugin continues to work as expected.</p>
+	<h3><code>&lt;div></code> between the form and the form validation plugin</h3>
+	<p>When there is a wrapper <code>&lt;div></code> on the <code>&lt;form></code> element between the form and the validation plugin.</p>
+	<div class="row">
+		<div class="col-md-6">
+			<div class="wb-frmvld">
+				<div id="app-root">
+					<form action="#" method="get" id="edge-test-1">
+						<div class="form-group">
+							<label for="edge-test-1-fruit" class="required"><span class="field-name">Choose a fruit:</span> <strong class="required">(required)</strong></label>
+							<select class="form-control" id="edge-test-1-fruit" name="fruit" required="required">
+								<option label="Select a fruit"></option>
+								<option value="Apple">Apple</option>
+								<option value="Orange">Orange</option>
+								<option value="Kiwi">Kiwi</option>
+							</select>
+						</div>
+						<button class="btn btn-default" type="submit">Submit</button>
+					</form>
+				</div>
+			</div>
+		</div>
+		<div class="col-md-6">
+			<p>Source code</p>
+			<pre><code>&lt;div class="wb-frmvld">
+	&lt;div id="app-root">
+		&lt;form action="#" method="get" id="edge-test-1">
+			...
+		&lt;/form>
+	&lt;/div>
+&lt;/div></code></pre>
+		</div>
+	</div>
+</section>
diff --git a/_wetboew-demos/formvalid/formvalid-fr.html b/_wetboew-demos/formvalid/formvalid-fr.html
@@ -901,3 +901,40 @@ <h2>Exemples variés de formulaires verticaux et horizontaux</h2>
 		</ul>
 	</noscript>
 </section>
+
+<section>
+	<h2>Cas d'essai particulier</h2>
+	<p>Les exemples suivants sont uniquement à des fins de mise à l'essai de certaines configurations de cas particuliers afin de vérifier que le plugiciel continue de fonctionner comme prévu.</p>
+	<h3><code>&lt;div></code> entre le formulaire et le plugin de validation de formulaire</h3>
+	<p>Lorsqu'il y a une balise <code>&lt;div></code> enveloppant l'élément <code>&lt;form></code> entre le formulaire et le plugin de validation.</p>
+	<div class="row">
+		<div class="col-md-6">
+			<div class="wb-frmvld">
+				<div id="app-root">
+					<form action="#" method="get" id="edge-test-1">
+						<div class="form-group">
+							<label for="edge-test-1-fruit" class="required"><span class="field-name">Choisissez un fruit :</span> <strong class="required">(obligatoire)</strong></label>
+							<select class="form-control" id="edge-test-1-fruit" name="fruit" required="required">
+								<option label="Choisissez un fruit"></option>
+								<option value="Pomme">Pomme</option>
+								<option value="Orange">Orange</option>
+								<option value="Kiwi">Kiwi</option>
+							</select>
+						</div>
+						<button class="btn btn-default" type="submit">Soumettre</button>
+					</form>
+				</div>
+			</div>
+		</div>
+		<div class="col-md-6">
+			<p>Code source</p>
+			<pre><code>&lt;div class="wb-frmvld">
+	&lt;div id="app-root">
+		&lt;form action="#" method="get" id="edge-test-1">
+			...
+		&lt;/form>
+	&lt;/div>
+&lt;/div></code></pre>
+		</div>
+	</div>
+</section>