Отправка формы AJAX без перезагрузки содержимого - PullRequest
0 голосов
/ 11 ноября 2019

Я видел довольно много вопросов и ответов здесь, но ни один, кажется, не решает мою проблему. У меня есть форма, которая загружается из вызова загрузки AJAX в класс Div с именем dynamic-content. В основном, если кнопка отправки формы нажата, я хочу, чтобы она перезагрузила эту форму в ajax, чтобы она выполняла проверку формы php. Моя проблема в том, что когда происходит отправка, я вызываю ajax load для перезагрузки через javascript, но он не запускается, а просто возвращается к текущей странице индекса. Мой JS выглядит следующим образом:

$(document).ready(function () {
//Handle AJAX request from sidebar buttons
var trigger = $('.submit-btn'),
    container = $('.dynamic-content');

  $(".add-customer-form-btn").submit(function() {
    // do something...
    alert('test');

    container.load('customers/customersaddform.php',$("form").serializeArray());

    return false;
  });

});

моя html-форма в Customersaddform.php, которая загружается в div с динамическим содержимым в расположенном главном индексном файле.

<?php 
//FORM VALIDATION CHECKS
?>

<form action="" method="post">
<div class="form-field add-customer-form">
    <div class="container-fluid">
    <!-- Stack the columns on mobile by making one full-width and the other half-width -->
        <h4>Account Information</h4>
            <div class="row">
                <div class="col-md-6 label-container">
                    <div class="input-group input-group-icon">
                        <input type="text" placeholder="First Name" name="first-name" required/>
                        <div class="input-icon"><i class="fa fa-user"></i></div>
                        <div class="input-error-msg"><?php echo $first_name_err;?></div>
                    </div>
                </div>
            <div class="row">
                <div class=col-md-12 label-container">
                        <input type="submit" class="add-customer-form-btn submit-btn" value="Submit">
                </div>
            </div>
        </div>
</div>
</form>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...