javascript - Jquery 表单提交不起作用，而是在控制台中收到 js 警告 'body.scrollLeft is deprecated in strict mode'

Question

我的 js 文件中有以下代码:

function PS_SL_HandleEvent()
{
    $(document).ready(function() {
        $('#form').removeAttr('onsubmit').submit(function(e) {
            if(acceptCGV())
            {
                e.preventDefault();
                if ($('#send_order_form input[type="radio"]:checked').val() == "")
                {
                    resetAjaxQueries();
                    delSelection(1);
                }
                else
                {

                    var carrierClass = $('input:radio[name="order_choose"]:checked').attr('class');
                    carrierClass = carrierClass.replace("carrier_","");
                    var radio_selector = '.delivery_options_address input[value="' + carrierClass + ',"], #carrierTable input[value="' + carrierClass + '"]';
                    $(radio_selector).attr('checked','checked');

                    resetAjaxQueries();
                    saveSelection(1);
                }
            }
            else
                e.preventDefault();
        });
    });
}

function saveSelection(is_submit)
{
    $('#sendwithorder_errors').slideUp();
    $('#sendwithorder_errors_list').children().remove();
    //displayWaitingAjax('block', SL_RedirectTS);
    //$('.SE_SubmitRefreshCard').fadeOut('fast');

    var query = $.ajax({
        type: 'POST',
        headers: { "cache-control": "no-cache" },
        url: baseDir + 'modules/sendwithorder/ajax.php' + '?rand=' + new Date().getTime(),
        data: 'method=saveSelection&' + 'order_choose=' + $('#send_order_form input[name=order_choose]:checked').val(),
        dataType: 'json',
        success: function(json) {
            if (json.length)
            {
                for (error in json)
                    $('#sendwithorder_errors_list').append('<li>'+json[error]+'</li>');
                $('#sendwithorder_errors').slideDown();
                displayWaitingAjax('none', '');
            }
            else
            {                
                displayWaitingAjax('none', '');
                if(is_submit==1)
                {
                    $('#form').submit();
                    alert("sam");
                }
                //$('#show_carrier, .SE_SubmitRefreshCard span').show();
                //$('.SE_SubmitRefreshCard').fadeIn('fast');
                //$('#SE_AjaxSuccess').show().delay(3000).fadeOut();
                //location.reload(true);
            }
        }
    });
    ajaxQueries.push(query);
    return false;
}

即使“sam”也会收到警报，但表单不会提交。相反，我在提交时收到以下警告:

body.scrollLeft is deprecated in strict mode. Please use 'documentElement.scrollLeft' if in strict mode and 'body.scrollLeft' only if in quirks mode.

尽管有 JavaScript 警告，但这不应该妨碍表单提交。

Answer 1

由于您在每次提交时调用 e.preventDefault();，因此您的表单无法提交。

尝试将submit()中的逻辑重新组织为preventDefault()并进行检查，或者不执行任何操作并让表单提交。