cakephp jquery 유효성 검사기

Question

cakephp 프로젝트에서 jquery 유효성 검사기를 사용하려고합니다. jquery가있는 probem이 있습니다. 내 양식의 선택자 ID가 잘못되었습니다. 내부에 어떤 경고 메시지도 표시 할 수 없습니다. 나는 완전히 더 신선하다.

나는 코드

$(document).ready(function(){  $('#UserQuickCompanyRegisterForm').validate({ 
     rules: { 
      "data['User']['email']": { 
       required: true, 
       email: true 
      } 
     } 
     });  }); 

다음 사용 내 양식은 다음과 같이한다.

echo $form->create('User', array('action' => 'quick_company_register','inputDefaults'=> array('label'=>false))); 

아래와 같이 출력됩니다. 내가 이름 attrbute을 사용 내가 잘못하고 있어요 사전에 감사

Answer 1

의은 풀리 ID의 요소 id.Instead으로 실수를했다 ... 어떤

<form id="UserQuickCompanyRegisterForm" accept-charset="utf-8" method="post" action="/cityportal/index.php/users/quick_company_register" novalidate="novalidate">. 

"바보 나"후론들 a. 옹 뚱뚱한 불타는 시간 나는 다음과 같은 코드를 wrking있어

<script type="text/javascript">  $(function(){   $.validator.addMethod("alphanum", function(value, element) { 
      return this.optional(element) || /^[a-z0-9/_]+$/i.test(value); 
     }, "Username must contain only alphanumeric."); 

     jQuery.validator.addMethod("exactlength", function(value, element, param) {  return this.optional(element) || value.length == param;  }, jQuery.format("Please enter exactly {0} characters.")); 
      $('#UserQuickCompanyRegisterForm').validate({   debug: false, 
     errorClass: "authError", 
     errorElement: "span", 
     rules: {  
      "data[User][username]": { 
       required: true, 
       alphanum: true, 
       minlength: 4, 
       maxlength: 30 
      }, 
      "data[User][password]": { 
       required: true, 
       minlength: 6 
      }, 
      "data[User][password1]": { 
       required: true, 
       equalTo: "data[User][password]" 
      }, 
      "data[User][first_name]": { 
       required: true, 
       maxlength: 30, 
       alphanum: true 
      }, 
      "data[User][second_name]": { 
       required: true, 
       maxlength: 30, 
       alphanum: true 
      }, 
      "data[ZIP][zipcode]": { 
       required: true, 
       number:true, 
       exactlength: 5 
      }, 

      "data[User][email]": { 
       required: true, 
       email: true 
      }, 
      "data[User][telephone]": { 
       number: true, 
       exactlength: 10 
      } 
     }, 
     highlight: function(element, errorClass) { 
     $(element).removeClass(errorClass); 
     } 
     });  }); 
     </script>