스크립트에 오류가 있습니다. json에서 데이터 가져 오기

Question

내 스크립트에서 아래 오류가 나타납니다. 도와주세요 :

missing : after property id 
[Break On This Error] 

data.modules[2].fields[0].name:"required"; 

PFB 스크립트 :

$("#frm").validate({ 
    "rules": { 
     data.modules[2].fields[0].name: "required"; 
     data.modules[2].fields[1].name: { 
      "required": "true", 
      data.modules[2].fields[1].name: "true" 
     } 

     "messages": { 
      data.modules[2].fields[0].name: "Enter your firstname", 
      data.modules[2].fields[1].name: { 
       "required": "Please enter a valid email address", 
       "minlength": "Please enter a valid email address" 
      } 
     } 
    }); 

이 내 HTML 양식입니다 :

html += '<form id="frm" method="get" type='+data.modules[2].type+' class='+data.modules[2].attributes.class+'name='+data.modules[2].name+ 
        'action='+data.modules[2].action+'><p>'+data.modules[2].title+'</p>' 
        html += '<label class="firstname">'+data.modules[2].fields[0].label+'</label>'; 
        html += '<input type='+data.modules[2].fields[0].type+'name='+data.modules[2].fields[0].name+'value=' 
        +data.modules[2].fields[0].value+'/>'; 
        html += '<label class="Email">'+data.modules[2].fields[1].label+'</label>'; 
        html += '<input type='+data.modules[2].fields[1].type+'name='+data.modules[2].fields[1].name+'value=' 
        +data.modules[2].fields[1].value+'/>'; 

내가 경고를 제공함으로써 테스트 위의 html.have에 정확한 값을 얻고있다.

Answer 1

data.modules[2].fields[0].name을 개체 리터럴의 식별자로 사용할 수 없습니다. 식별자는 항상 표현식의 값이 아닌 이름입니다.

식별자로 값을 사용하려면 먼저 개체를 만든 다음 인덱싱 구문을 사용하여 속성을 설정해야합니다. 예 : 그게 무슨 얘기하는 것은 불가능입니다)

var obj = {}; 
obj[data.modules[2].fields[1].name] = "required"; 

(난 당신이 만들려고하는 객체의 실제 코드를 작성하려고했으나 코드는 그렇게 (즉, 잘못되거나 누락 된 분리기, 타의 추종을 불허하는 괄호를 깨 객체의 구조가 어떻게되어 있는지에 대한 지식없이해야합니다) 당신은 자바 스크립트 사전의 요소 사이에 쉼표를 포함 할 필요가

Answer 2

:. 당신은 객체 리터럴로 키로 변수를 사용할 수 없습니다

$("#frm").validate({ 
    "rules": { 
     data.modules[2].fields[0].name: "required", 
     data.modules[2].fields[1].name: { 
      "required": "true", 
      data.modules[2].fields[1].name: "true" 
     }, 

     "messages": { 
      data.modules[2].fields[0].name: "Enter your firstname", 
      data.modules[2].fields[1].name: { 
       "required": "Please enter a valid email address", 
       "minlength": "Please enter a valid email address" 
      } 
     } 
    }); 

Answer 3

을 통사론. 프로그래밍 방식으로 구성 개체를 작성하여 원하는 것을 얻을 수 있습니다.

var field1 = data.modules[2].fields[0].name; 
var field2 = data.modules[2].fields[1].name; 

var rules = {}; 

rules[field1] = "required"; 
rules[field2] = { 
    "required": true 
}; 

var messages = {}; 

messages[field1] = "Enter your firstname"; 
messages[field2] = { 
    "required": "Please enter a valid email address", 
    "minlength": "Please enter a valid email address" 
}; 

$("#frm").validation({"rules": rules, "messages": messages}); 

또한 코드에 닫는 중괄호가 없습니다. 들여 쓰기로 과 messages이 messages이 아닌 rules이 아닌 같은 레벨에 있다고 가정합니다.