I use jquery it work 100%  but error messsage is displayed more then one .for every validation.

If i press 5 time submit button then the error message is five time show in continuese.

 

2. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
3. <script type="text/javascript" src="<?php echo base_url(); ?>js/jquery.validate.js"></script>
4. 
   
5. <script>
6.  $(document).one( "click", function(event){
7.  
8. 
   
9.   $.validator.addMethod('captcha',
10.   function(value) {
11.   var m1  = <?php echo json_encode($this->session->userdata('word')); ?>;
12.   var captcha= $("#captcha").val()
13.     
14.     $result = ( captcha  == m1) ;
15.     //$('#spambot').fadeOut('fast');
16.     
17.         return $result;
18.     },
19.         'Incorrect value, please enter correct code.'
20.     );
21. 
    
22. 
    
23. 
    
24. $("#signup").validate({
25. onfocusout: false,
26.                 onkeyup:false,
27. 
    
28. rules: {
29.             
30. username:{required:true},
31. password:{required:true, minlength:8, maxlength:12},
32. confirmpassword:{required:true, equalTo: "#password"},
33. email: {required: true,email:true},
34. confirmemail:{required:true, equalTo:"#email"},
35. ques:{required:true},
36. ans:{required:true},
37. captcha:{required:true,captcha:true},
38. agreed:{required:true},
39.   
40. },
41. messages:{
43. username:{required:"Please enter the account name"},
44. password:{required:"Please enter the password"},
45. confirmpassword:{required:"Please enter the Re-enter password"},
46. email:{required:"Please enter the email address"},
47. confirmemail:{required:"Please enter the Re-enter email address"},
48. ques:{required:"Please select the question"},
49. ans:{required:"Please enter your answer"},
50. captcha:{required:"Please enter the above characters",chkcaptcha:"Please enter correct code"},
51. agreed:{required:"Required"}
52. }             
53. 
    
54. });
55. });
56. 
    
57. </script>