Валидация формы поста перед вызовом preview (laravelsu#261)

Author: m0nclous

resources/js/controllers/post_preview_controller.js

@@ -0,0 +1,13 @@
+import { Controller } from '@hotwired/stimulus';
+
+export default class extends Controller {
+    static targets = ['form'];
+
+    validate(event) {
+        if (!this.formTarget.reportValidity()) {
+            // Важно! Остановка всплытия события, включая текущий уровень
+            // Это нужно для того, чтобы не вызывались остальные обработчики
+            event.stopImmediatePropagation();
+        }
+    }
+}

resources/views/post/edit.blade.php

@@ -6,7 +6,7 @@
             <div class="bg-body-tertiary p-4 p-xl-5 rounded">
                 <div class="col-xxl-8 mx-auto">
 
-                    <form method="post">
+                    <form method="post" data-controller="post-preview" data-post-preview-target="form">
                         <div
                             data-controller="tabs"
                             data-tabs-active-tab-class="bg-body-secondary"
@@ -29,7 +29,7 @@
                                         <button
                                             id="preview"
                                             data-tabs-target="tab"
-                                            data-action="click->tabs#change"
+                                            data-action="click->post-preview#validate click->tabs#change"
                                             type="submit"
                                             formaction="{{  route('post.preview') }}"
                                             class="btn btn-link text-decoration-none  link-body-emphasis"