Я видел довольно много вопросов и ответов здесь, но ни один, кажется, не решает мою проблему. У меня есть форма, которая загружается из вызова загрузки 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>