Jquery onSubmit проверить некоторые данные проверки на AJAX не работает
У меня есть HTML-форма, когда пользователь отправляет форму отправки события, и я проверяю некоторые данные в соответствии с вводом. если проверка в порядке, отправьте форму или предупредите об ошибке проверки и запретите отправку формы. Я проверяю количество выпусков пользователей с запасом в количестве рук. Помогите мне решить эту проблему.
ajaxCodeTest = function(){
var submit_form = true;
console.log("Click Function is working.");
$('#issue').html('Please wait...').prop({'disabled':true});
$('#table_form tbody tr').each(function(index, element){
var material_code = $(element).find('.material_item_code').val().trim();
var quantity_issued = $(element).find('.quantity_issued').val().trim();
var quantity_demanded = $(element).find('#quantity_demanded').val().trim();
if(quantity_issued > quantity_demanded){
console.log(material_code+" issue quantity is greater than demanded quantity.");
}
var data = url = ''
data = '&item_code='+material_code;
url = "{{ route('api.item_info_from_code') }}";
$.ajax({
data : data,
type : 'get',
url : url,
success : function(resp) {
if(resp == 0) {
alert('invalid item code');
document.getElementById("issue").disabled = true;
}else{
document.getElementById("issue").disabled = false;
if(resp.stock_in_hand < quantity_issued){
alert(material_code+" stock is not available / stock is lower than than issue quantity.");
submit_form = false;
return false;
}
}
},
error : function(resp) {
alert('Oops ! Something went wrong.');
return 0;
}
});
});
$('#issue').html('<i class="fa fa-arrow-right" aria-hidden="true"></i> Issue Items').prop({'disabled':false});
return submit_form;
}
$('#material_user_requisition_issue_items_post').submit(ajaxCodeTest);