반복적 인 코드 블록을 함수로 변환하는 방법

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); 
     } 
    }); 
}