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

它输出如下所示的东西。

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

什么我做错了...在此先感谢

Answer 1

其solved.I是犯错误与ID的元素id.Instead我使用的名称attrbute“我真傻”。过了;翁脂肪燃烧小时我得到thit下面的代码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>