Не работает required когда отправляю ajax, когда стоит метод click страничка отправляется всё гуд но не работает required, а если метод submit то работает required но перезагружается страничка и не отправляются данные
Ниже пример кода Html,Ajax
<script>
jQuery(document).ready(function(){
jQuery('#ajaxSubmit').click(function(e){
e.preventDefault();
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': $('meta[name="_token"]').attr('content')
}
});
jQuery.ajax({
url: "{{ route('addbank') }}",
method: 'post',
data: {
name: jQuery('#name').val(),
city: jQuery('#city').val(),
phone: jQuery('#phone').val(),
bank: jQuery('#bank').val()
},
success: function(result){
jQuery('.alert').show();
jQuery('.alert').html(result.success);
}},$( '#myForm' ).each(function(){
this.reset();
}));
});
});
<div class="col-lg-8">
<!-- Contact Form -->
<div class="contact-form parsley-validate-wrap mt-60" data-animate="fadeInUp" data-delay=".4">
<div class="alert alert-success" style="display:none"></div>
<form id="myForm" >
@csrf
<div class="row">
<div class="col-md-6">
<div class="form-field">
<input type="text" id="name" class="theme-input-style" placeholder="Ваше имя" required>
</div>
</div>
<div class="col-md-6">
<div class="form-field">
<input type="text" id="city" class="theme-input-style" placeholder="Ваш Город" required>
</div>
</div>
<div class="col-md-6">
<div class="form-field">
<input type="text" id="phone" class="theme-input-style" placeholder="Ваш телефон" data-parsley-pattern="^[\d\+\-\.\(\)\/\s]*$" required>
</div>
</div>
<div class="col-md-6">
<div class="form-field">
<input type="number" id="bank" class="theme-input-style" placeholder="Сумма займа" data-parsley-pattern="^[\d\+\-\.\(\)\/\s]*$" required>
</div>
</div>
</div>
<button type="submit" id="ajaxSubmit" class="btn">Отправить</button>
</form>
</div>
<!-- End of Contact Form -->
</div>
</div>