Livecycle javascript ... condense if 문

Question

"유효성 검사"버튼이있는 양식을 작성 중입니다. 이 버튼의 목적은 모든 필드가 완료되었는지 확인하고 확인하는 것입니다 (이것이 프로젝트에서 요구하는 것임). 다음은 필드가 null인지 확인한 다음 테두리 색을 변경하고 텍스트 상자를 표시하는 코드입니다.

if (form1.Main.sfRequestor.requestNameFirst.rawValue == null){ 
    form1.Main.sfRequest.txtValidate.presence = "visible"; 
    form1.Main.sfRequestor.requestNameFirst.border.edge.color.value = "255,0,0" 
} else { 
    form1.Main.sfRequest.txtValidate.presence = "hidden"; 
    form1.Main.sfRequestor.requestNameFirst.border.edge.color.value = "255,255,255" 
}; 

if (form1.Main.sfRequestor.requestNameLast.rawValue == null){ 
    form1.Main.sfRequest.txtValidate.presence = "visible"; 
    form1.Main.sfRequestor.requestNameLast.border.edge.color.value = "255,0,0" 
} else { 
    form1.Main.sfRequest.txtValidate.presence = "hidden"; 
    form1.Main.sfRequestor.requestNameLast.border.edge.color.value = "255,255,255" 
}; 

확인해야하는 여러 하위 양식에 20 개 이상의 입력란이 있습니다. 나는 코드를 통합하려하지만 그렇게하는 방법을 잃어 버렸다. 변수가 Javascript에서 필드 이름을 처리 할 수 ​​있습니까?

Answer 1

루프를 매우 쉽게 만들 수 있으며 인생는, 당신은 당신이 플래그를 사용하는 대신이 마지막을 설정하지 않으있는 한 어떤 마지막 항목의 조건 txtValidate.presence 만 적으로 설정됩니다처럼 보이는

(function (arr) { 
    var txtValidate = form1.Main.sfRequest.txtValidate, 
     i, e; 
    for (i = 0; i < arr.length; ++i) { 
     e = form1.Main.sfRequestor[arr[i]]; // cache me 
     if (e.rawValue == null){ 
      txtValidate.presence = "visible"; 
      e.border.edge.color.value = "255,0,0" 
     } else { 
      txtValidate.presence = "hidden"; 
      e.border.edge.color.value = "255,255,255" 
     } 
    } 
}(['requestNameFirst', 'requestNameLast'])); 

그러나 청소 네임 스페이스를 유지 ? 예 : sfRequestor 및 sfRequest 가정 일반적인 양식에 대한

이

(function (arr) { 
    var txtValidateState = 'hidden', 
     i, e; 
    for (i = 0; i < arr.length; ++i) { 
     e = form1.Main.sfRequestor[arr[i]]; 
     if (e.rawValue == null){ 
      txtValidateState = "visible"; // any null makes txtValidate visible 
      e.border.edge.color.value = "255,0,0" 
     } else { 
      e.border.edge.color.value = "255,255,255" 
     } 
    } 
    form1.Main.sfRequest.txtValidate.presence = txtValidateState; // set last 
}(['requestNameFirst', 'requestNameLast'])); 

---

업데이트,

(function (form, arr) { 
    var txtValidateState = 'hidden', 
     i, e; 
    for (i = 0; i < arr.length; ++i) { 
     e = form.sfRequestor[arr[i]]; 
     if (e.rawValue == null){ 
      txtValidateState = "visible"; 
      e.border.edge.color.value = "255,0,0"; 
     } else { 
      e.border.edge.color.value = "255,255,255"; 
     } 
    } 
    form.sfRequest.txtValidate.presence = txtValidateState; 
}(form1.Main, ['requestNameFirst', 'requestNameLast'])); 

---

sfRequest 가정 업데이트는 일정하지만 sfRequestor 다른 뭔가가 될 수

(function() { // moved IIFE to protect namespace 
    function validate(form, subform, arr) { // now named, new param subform 
     var txtValidateState = 'hidden', 
      i, e; 
     for (i = 0; i < arr.length; ++i) { 
      e = form[subform][arr[i]]; // select from subform 
      if (e.rawValue == null){ 
       txtValidateState = "visible"; 
       e.border.edge.color.value = "255,0,0"; 
      } else { 
       e.border.edge.color.value = "255,255,255"; 
      } 
     } 
     form.sfRequest.txtValidate.presence = txtValidateState; // assuming stays same 
    } 
    validate(form1.Main, 'sfRequestor', ['requestNameFirst', 'requestNameLast']); 
    validate(form1.Main, 'sfClientInfo', ['firstname']); 
    // if you have many here you can re-write as a loop again 
}()); 

Answer 2

쉽게 간단한 함수로이 만들 수 : 다음

function validateField(element) { 
    if (element.rawValue == null) { 
     form1.Main.sfRequest.txtValidate.presence = "visible"; 
     element.border.edge.color.calue = "255,0,0"; 
    } 
    else { 
     form1.Main.sfRequest.txtValidate.presence = "hidden"; 
     element.border.edge.color.calue = "255,255,255";  
    } 
} 

을 그리고 너무처럼 전화 :

validateField(form1.Main.sfRequestor.requestNameFirst); 
validateField(form1.Main.sfRequestor.requestNameLast); 

가 더욱 단순화하기 위해, 배열 및 루프에 20 개 개의 요소를 넣어

var elements = [form1.Main.sfRequestor.requestNameFirst, form1.Main.sfRequestor.requestNameLast, ...]; 
elements.forEach(function(element) { 
    validateField(element); 
});