SOW : Ajax forms

                  
                    <!-- 

                      Files are supported by adding to form: 
                      enctype="multipart/form-data"

                    -->
                    <div id="ajax_response_container"><!-- ajax response container --></div>

                    <!--
                      NOTE: WE USE method="GET" insted of "POST" because this is a pure html demo
                    -->
                    <form class="js-ajax bs-validate" novalidate 
                        action="_ajax/ajax_form_test_submit.html" 
                        method="GET" 

                        data-ajax-container="#ajax_response_container" 
                        data-ajax-update-url="false" 
                        data-ajax-show-loading-icon="true" 

                        data-error-toast-text="<i class='fi fi-circle-spin fi-spin float-start'></i> Please, complete all required fields!" 
                        data-error-toast-delay="3000" 
                        data-error-toast-position="top-center" 

                        data-error-scroll-up="true" 
                        data-ajax-callback-function="">

                      <input required type="text" name="test_required" value="" placeholder="required field" class="form-control mb-3">
                      <input type="text" name="test_optional" value="" placeholder="optional field" class="form-control mb-3">
                      <button type="submit" class="btn btn-primary">Submit</button>
                    </form>
                  
                

                  
                    <!-- success inline message -->
                    <div id="alert_success" class="alert alert-success hide-force">
                      Thank you! Data Sumbmited!
                    </div>

                    <!-- error inline message -->
                    <div id="alert_error" class="alert alert-danger hide-force">
                      Please, review your data and try again!
                    </div>

                    <!--
                      NOTE: WE USE method="GET" insted of "POST" because this is a pure html demo
                    -->
                    <form class="js-ajax bs-validate" novalidate 
                        action="../demo.files/php/demo.ajax_request.php" 
                        method="POST" 

                        data-ajax-inline-alert-succes="#alert_success" 
                        data-ajax-inline-alert-error="#alert_error" 

                        data-ajax-update-url="false" 
                        data-ajax-show-loading-icon="true" 

                        data-error-scroll-up="true" 
                        data-ajax-callback-function="">

                      <input required type="text" name="test_required" value="" placeholder="required field" class="form-control mb-3">
                      <input type="text" name="test_optional" value="" placeholder="optional field" class="form-control mb-3">
                      <button type="submit" class="btn btn-primary">Submit</button>
                    </form>