Question

我有以下javascript / jquery代码。

我是一个javascript新手，所以我很抱歉这个问题非常容易解决。如果出现错误或服务器上没有找到密钥，我想退出.on（＆＃39; click＆＃39;）功能。这个on click bind会在表单上触发一个post请求，所以如果不满足这两个条件，我想继续运行它。我查看了其他示例，并尝试了很多内容，例如return，.stopPropagation等。

我该怎么做？我尝试了return;和return false;，但它仍然会刷新页面并在表单上触发帖子请求。

我做错了什么？

$( document ).ready(function() {

    var validation = false;
    $('#submitform').on('click', function(e) {

        if (validation === true) {
            validation = false; // reset flag
            return;// let the event bubble away
        }

        if ($('#street_number') == "" && $('#route') == "" && $('#lat') == "" && $('#lon') == ""
                && $('#administrative_area_level_1') == "") {
            alert("Unknown Address");
            validation = false;
            e.preventDefault();
            return false;
        }
        else {
            var data_dict = {
                // Number
                'street_number': $('#street_number').val(),
                // Address
                'address': $('#route').val(),
                // City
                'city': $('#locality').val(),
                // postal code
                'postal_code': $('#postal_code').val(),
                // State
                'state': $('#administrative_area_level_1').val(),
                // Country
                'country': $('#country').val()
            };
            $.ajax({
                url: '/zillow_check/',
                data: data_dict,
                method: 'POST'
            }).then(function (response) {
                console.log("Checking for Zillow ID...");
                if (response.error) {
                    console.error("There was an error " + response.error);
                    $('.dashboard-main__appartment--input').addClass('serverError');
                    validation = false;
                    e.stopImmediatePropagation();
                    return;
                } else {
                    console.log("Zillow key: " + response);
                    if (response == 'No zillow ID found.') {
                        // You can change this to whatever you like.
                        alert("Can't add this object. It does not exist on Zillow. Check the Address and try again.");
                        validation = false;
                        e.stopImmediatePropagation();
                        return;

                    }
                    else if (isNaN(response) == false ) {
                        validation = true;
                        $('#propertyform').submit()
                    }
                }

            });

        }
    });
});

Answer 1

您需要立即阻止所有情况的默认值。

Ajax是异步的，所以你不能等到它完成以试图阻止默认然后......它为时已晚。

$('#submitform').on('click', function(e) {
    e.preventDefault();
    // no need for other instances of preventDefault() beyond here or for `stopImmediatePropagation()`

    // your other code

})

如何在满足特定条件时退出jQuery .on（）函数中的函数

1 个答案: