如何將重複的代碼塊轉換爲函數

Question

我已經得到了一系列代碼，這些代碼將用於聯繫表單中的大多數輸入項目;爲了代碼行，我希望將這個功能作爲一個函數來運行。這裏是塊的例子：

$('#country_code').blur(function() { 
var countryCode = $('#country_code').val(); 
    if(validateNumber(countryCode) == true) { 
     if(countryCode.lastIndexOf('+') != 0) { 
      countryCode = countryCode.replace('+', ''); 
      $('#country_code').val('+' + countryCode); 
     } 
    } 
    else { 
     countryCode = ''; 
     $('#country_code').val(countryCode); 
    } 
}); 

我想創建像函數如下：

function validateElements(elementName, variableName, validationFunction, indexValue, indexPosition) { 
    $(elementName).blur(function() { 
     var variableName = $(elementName).val(); 
     if(validationFunction(variableName) == true) { 
      if(variableName.lastIndexOf(indexValue) != indexPosition) { 
       variableName = variableName.replace(indexValue, ''); 
       $(elementName).val(indexValue + variableName); 
      } 
     } 
     else { 
      variableName = ''; 
      $(elementname).val(variableName); 
     } 
    }); 
} 

在我會打電話的功能類似如下：

validateElements('#country_code', 'countryCode', 'validateNumber', '+', 0); 

Answer 1

嘗試改變它，以便您按以下方式調用您的功能：

validateElements($('#country_code'), 'countryCode', 'validateNumber', '+', 0); 

並改變你的功能：

function validateElements(obj, variableName, validationFunction, indexValue, indexPosition) { 
    obj.blur(function() { 
     var variableName = obj.val(); 
     if(validationFunction(variableName) == true) { 
      if(variableName.lastIndexOf(indexValue) != indexPosition) { 
       variableName = variableName.replace(indexValue, ''); 
       obj.val(indexValue + variableName); 
      } 
     } 
     else { 
      variableName = ''; 
      obj.val(variableName); 
     } 
    }); 
}