javascript - Jquery onSubmit检查ajax上的一些数据验证不起作用

Question

当用户提交表单提交事件时，我有一个 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);

标签： javascriptjqueryeventsonsubmit