Jquery Focusout not triggering

Question

我有一個文本框，其中的文本將使用帶有一些正則表達式的函數進行格式化。該功能經過測試並正常工作。 在下面的代碼中添加應該將焦點事件綁定到特定文本框以重新格式化文本的代碼時，該函數不會被觸發。

$(document).ready(function() { 
    $('#PostcodeTextBox').focusout(function() { 
     $('#PostcodeTextBox').val(PostcodeFormatting($('#PostcodeTextBox').val())); 
    }); 
    $('#PostcodeTextBox').blur(function() { 
     $('#PostcodeTextBox').val(PostcodeFormatting($('#PostcodeTextBox').val())); 
    }); 
}) 


function PostcodeFormatting(pc) { 
    var reg = /^([1-9]\d{3})\s?([a-z]{2})$/i; 
    var postcode = $.trim(pc); 
    if (postcode && postcode.match(reg)) { 
     return postcode.replace(reg, "$1$2").toUpperCase(); 
    } 
    else { 
     return "Postcode incorrect"; 
    } 
}; 

我在做什麼錯或我忘了什麼。

Answer 1

嘗試組合這兩個事件綁定，看看它是否有效。由於事件冒泡，我可能傾向於模糊，但是當輸入失去焦點時，兩者都應該發射。

$(function() { 
    $('#PostcodeTextBox').on('blur', function() { 
     $(this).val(PostcodeFormatting($(this).val())); 
    }); 
}) 

這是什麼適合我（測試）。模糊或事件的內容的工作方式類似於：

腳本：

$(function() { 
    $('#PostcodeTextBox').on('blur', function() { 
     $(this).val(PostcodeFormatting($(this).val())); 
     console.log('hit'); 
    }); 
}); 

function PostcodeFormatting(pc) { 
    ... 
} 

檢查你的HTML以及拼寫和區分大小寫：

<input type="text" id="PostcodeTextBox" />