表单重新加载后禁用按钮

时间:2018-05-23 11:44:00

标签: javascript jquery

在我提交无效的表单页面后,它会重定向回相同的表单页面。

我希望能够禁用“查找地址”按钮和“众议院否”输入字段。

目前只有“House No”输入被禁用,而不是“查找地址”按钮 请帮忙。

var enableDisableFindAddress = function(postcodeLookupAvailabilityCountries) {

    var $this              = $( ".find-address-country"),
        addressType        = $this.data( "addresstype" ),
        countryISO         = $this.val(),
        availableCountries = postcodeLookupAvailabilityCountries;

    var foundAvailableISO    = false,
        HouseNameOrNoFieldId = "#" + addressType + "_house_no_or_name",
        searchBtnID          = "#" + addressType + "_search_btn";

    for( i = 0; i < availableCountries.length; i++ ){
        if( countryISO == availableCountries[i] ){
            foundAvailableISO = true;
            break;
        }
    }

    if ( foundAvailableISO ) {
        $( HouseNameOrNoFieldId ).prop( "disabled", false );
        $( searchBtnID ).prop( "disabled", false );
    } else {
        $( HouseNameOrNoFieldId ).prop( "disabled", true );
        $( searchBtnID ).prop( "disabled", true );
        alert("I am suppose to disable this")
    }       
}

// THIS IS NOT WORKING
if ( $( ".find-address-country").val() !== "" ) { 
    enableDisableFindAddress( postcodeLookupAvailabilityCountries );
}

// THIS IS WORKING
$( ".find-address-country" ).change( function() {
    enableDisableFindAddress( postcodeLookupAvailabilityCountries );
});

0 个答案:

没有答案