스크립트에 동적 javascript 변수를 추가하십시오.

Question

배경 : 거의 모든 내 웹 페이지에서 사용되는 jQuery 유효성 검사 스크립트가있어 클라이언트 쪽 유효성 검사 (서버 측 유효성 검사도 수행 할 수 있음)가 가능합니다. javascript는 각 양식에 대한 특정 '규칙'을 제외하고 모든 내 페이지에서 동일합니다.

HTML 페이지를 렌더링하기 전에 각 페이지에 대한 규칙이 내 컨트롤러에서 PHP 변수 $ jquery_validation에 삽입됩니다. 이는 적절한 클라이언트 측 유효성 검사 규칙을 사용하여 각 html 페이지 & 양식을 동적으로 생성 할 수 있음을 의미합니다.

이

$(document).ready(function(){ 
     $('#signupform').validate({ 
      wrapper: 'span class="error"', 
      meta: 'validate', 
      highlight: function(element, errorClass, validClass) { 
       if (element.type === 'radio') { 
         this.findByName(element.name).addClass(errorClass).removeClass(validClass); 
       } else { 
         $(element).addClass(errorClass).removeClass(validClass); 
       } 

       var error = $(element).parent().find('span.error');  
       error.show();  
      }, 

      unhighlight: function(element, errorClass, validClass) { 
       if (element.type === 'radio') { 
       this.findByName(element.name).removeClass(errorClass).addClass(validClass); 
       } else { 
       $(element).removeClass(errorClass).addClass(validClass); 
       } 

       $(element).parent().find('span.error').hide(0, function() { 
       $(element).parent().find('span.valid').fadeIn(200); 
       }); 
      }, 
      <?=$jquery_validation?>);}); 

</script> 

끝에 $ jquery_validation 변수 형태에 따라 분명히 차이가 각 페이지의 "규칙"을 포함 : 아래

현재 내 모든 HTML 페이지에로드 내 자바 스크립트 코드 . 출력의 예는 다음과 같습니다.

"rules":{"username":{"required":true,"remote":{"url":"http:\/\/localhost\/mytest\/public_html\/welcome\/remote","type":"post"}},"onkeyup":false});}); 

이 기능은 현재 작동하며 모두 훌륭합니다.

질문 : (그래서이 등을 압축 할 수 있습니다) 내의 .js 파일에 자바 스크립트 함수 내 검증이 할 수있는 방법이 있나요 - 여전히 동적으로 각 페이지에 대한 검증의 "규칙"섹션을로드는? 필요한 경우

는

나는 '출력'은 $ jquery_validation의 & 구문을 변경할 수 있습니다 -하지만 요점은 내가 동적으로

Answer 1

예, 개체를 만들어 변수에 저장하고 생성자에서 세부 정보를 저장할 수 있습니다 (JS에서 호출 된 내용을 기억할 수 없음).

내 스크립트 중 하나에서 사용하는 예입니다.

당신이 원하는대로 어디서나 그것을 인스턴스화하고 필요한 세부 사항을 전달할 수 있습니다. 프로토 타입 객체에

var rmlsHandle = rmlsSearch("some endpoint I'm planning on using"); 

검색 에이전트 기능 :

rmlsSearch.prototype.searchAgent = function(){ 

    //Get the agent details from the form on the page 
    this.getAgentDetails(); 

    //... Whatever else you'd need to do in the function 
}; 

Answer 2

당신은 어떤 .js 파일에 자바 스크립트 코드를 넣을 수 있습니다 각 페이지에 대한 규칙 출력 할 수 있어야입니다 압축되어 HTML 페이지의 데이터에서 작동 할 수 있습니다. 두 파일은 같은 파일에 있지 않습니다. 코드가로드 될 때 코드가 실행되면 코드가 페이지에 정의 된 후에 물리적으로 코드를 찾거나 페이지를로드하기 전에 페이지가로드 될 때까지 기다리는 방식으로 코드가 페이지에서 정의 된 후에 코드가 처음 실행되는지 확인하면됩니다. 암호.

Answer 3

PHP는 동적 컨텐츠를 실행하기 위해 상기 브라우저에 의해 표현 될 필요가있다. 따라서 PHP를 외부 js 파일에 넣으려는 시도는 읽히지 않습니다.

Answer 4

아니면 이런 식으로 뭔가를해야만 할 수는 :

var _pageValidationRules = <?php echo $jquery_validation; ?> 

// Code below can be compressed 
$(function() { 
    $('#signupform').validate({ 
     wrapper: 'span class="error"', 
     meta: 'validate', 
     highlight: function(element, errorClass, validClass) { 
      // ... 
     }, 
     unhighlight: function(element, errorClass, validClass) { 
      // ... 
     } 
     rules: _pageValidationRules 
    }); 
});​ 

Answer 5

• 는 JSON 형식으로 유효성 검사 규칙을 반환하는 PHP 스크립트를 작성합니다.스크립트 태그를 사용하여 해당 스크립트, 그것은 PHP 파일이 될 수
• 로드는 정적 파일을 외부 JS에서