0

我有一个<p:inputText id="address">我希望在何时<p:inputText id="validField">或引用支持 bean 值为时显示验证消息false。该值由 给出，codeAddress()并且此 JS 函数有相当长的延迟。

<h:form id="addressForm">
    <p:inputText id="address" onchange="codeAddress()"/>
    <p:message id="addressValidate" for="address" display="text"/>
    <p:commandButton value="submit" />
    <p:inputText id="validField" value="#{addressBean.valid}"/>
</h:form>

js：

var geocoder;
var map;
var valid = false;
var fullAddress = "none";

function initialize() {
    geocoder = new google.maps.Geocoder();
}

function codeAddress() {
    var address = (document.getElementById('addressForm:address').value + ", Germany");
    geocoder.geocode({'address' : address},function(results, status) {
        if (status == google.maps.GeocoderStatus.OK) {
            var latLong = results[0].geometry.location;
            var latitude = results[0].geometry.location.lat();
            var longitude = results[0].geometry.location.lng();
            var country, postal_code, locality, street_number, route;
            for (i = 0; i < results[0].address_components.length; ++i) {
                var component = results[0].address_components[i];
                if (!locality && component.types.indexOf("locality") > -1)
                    locality = component.long_name;
                else if (!postal_code && component.types.indexOf("postal_code") > -1)
                    postal_code = component.long_name;
                else if (!country && component.types.indexOf("country") > -1)
                    country = component.long_name;
                else if (!street_number && component.types.indexOf("street_number") > -1)
                    street_number = component.long_name;
                else if (!route && component.types.indexOf("route") > -1)
                    route = component.long_name;
            }
            if (typeof latLong != "undefined"
                && typeof latitude != "undefined"
                && typeof longitude != "undefined"
                && typeof route != "undefined"
                && typeof street_number != "undefined"
                && typeof postal_code != "undefined"
                && typeof locality != "undefined"
                && typeof country != "undefined"){
                valid = true;               
                fullAddress = results[0].formatted_address;
            }
            else{
                valid=false;
                fullAddress="none";
            };
        }
        else{

            valid=false;
            fullAddress="none";
        }


    });
    window.setTimeout(sendAjaxical, 200);
}

function sendAjaxical(){
//  alert(fullAddress + valid);
    document.getElementById('addressForm:fullAddress').value = fullAddress;
    document.getElementById('addressForm:validField').value = valid;
    jsf.ajax.request(this, event, {execute:"@form"});
    if(valid){
        document.location.href='nextPage.xhtml';
    }else{
        showValidation();
    }
};

更新的js：

var geocoder;
var map;


function initialize() {
    geocoder = new google.maps.Geocoder();
}

function codeAddress() {
    var address = (document.getElementById('addressForm:address').value + ", Germany");
    geocoder.geocode({
        'address' : address
    }, function(results, status) {
        if (status == google.maps.GeocoderStatus.OK) {
            var latLong = results[0].geometry.location;
            var latitude = results[0].geometry.location.lat();
            var longitude = results[0].geometry.location.lng();
            var country, postal_code, locality, street_number, route;
            for (var i = 0; i < results[0].address_components.length; ++i) {
                var component = results[0].address_components[i];
                if (!locality && component.types.indexOf("locality") > -1)
                    locality = component.long_name;
                else if (!postal_code
                        && component.types.indexOf("postal_code") > -1)
                    postal_code = component.long_name;
                else if (!country && component.types.indexOf("country") > -1)
                    country = component.long_name;
                else if (!street_number
                        && component.types.indexOf("street_number") > -1)
                    street_number = component.long_name;
                else if (!route && component.types.indexOf("route") > -1)
                    route = component.long_name;
            }
            if (typeof latLong != "undefined" && typeof latitude != "undefined"
                    && typeof longitude != "undefined"
                    && typeof route != "undefined"
                    && typeof street_number != "undefined"
                    && typeof postal_code != "undefined"
                    && typeof locality != "undefined"
                    && typeof country != "undefined") {
                sendAjaxical(true,results[0].formatted_address);
            } else {
                sendAjaxical(false,"none");
            }
        } else {

            sendAjaxical(false,"none");
        }

    });
}

function sendAjaxical(valid,fullAddress) {
    // alert(fullAddress + valid);
    document.getElementById('addressForm:fullAddress').value = fullAddress;
    document.getElementById('addressForm:validField').value = valid;
    jsf.ajax.request(this, event, {
        execute : "@form"
    });
    if (valid) {
        document.location.href = 'nextPage.xhtml';
    }
}
4

1 回答 1

0

您应该在地理编码器完成时调用 JSF ajax 请求，而不是在任意超时之后。

改变

geocoder.geocode({'address' : address},function(results, status) {
    if (status == google.maps.GeocoderStatus.OK) {
        // ...
    }
});

window.setTimeout(sendAjaxical, 200);

经过

geocoder.geocode({'address' : address},function(results, status) {
    if (status == google.maps.GeocoderStatus.OK) {
        // ...

        sendAjaxical();
    }
});
于 2013-02-14T13:08:27.617 回答