Advertisement
Guest User

jquery validation

a guest
Jun 27th, 2011
204
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. jQuery(function($){
  2.     //----- Validation for input box
  3.     $('#title').keyup(function(event) {
  4.         var caracteres = document.new_post.title.value.length;
  5.         if (caracteres > 4){
  6.             $('#titlevalidacion').html('<img src="<?php echo get_bloginfo(stylesheet_directory) . "/images/icons/accept.png" ?>"/>');
  7.                  // #titlevalidacion is de id of a div next to title
  8.             validar_title = true;
  9.             revisarValidacion();   
  10.         } else{
  11.             $('#titlevalidacion').html('<img src="<?php echo get_bloginfo(stylesheet_directory) . "/images/icons/cancel.png" ?>"/>');
  12.             validar_titulo = false;
  13.             revisarValidacion();
  14.         }
  15.     });
  16.  
  17.     //Validation for a dropdown
  18.     $('#clasificacion').change(function(){ //#clasificacion is de id of the dropdown
  19.         var caracteres = document.new_post.clasificacion.selectedIndex;
  20.         if (caracteres > 0 ){
  21.             validar_categoria = true;
  22.             $('#categoriaImg').html('<img src="<?php echo get_bloginfo(stylesheet_directory) . "/images/icons/accept.png" ?>"/>');
  23.             revisarValidacion();
  24.         } else{
  25.             validar_categoria = false;
  26.             //carrerasImg
  27.             $('#categoriaImg').html('<img src="<?php echo get_bloginfo(stylesheet_directory) . "/images/icons/cancel.png" ?>"/>');
  28.             revisarValidacion();
  29.         }
  30.            
  31.        
  32.     });
  33.  
  34.    
  35.     //Now we check for both
  36.     function revisarValidacion(){
  37.         if( validar_title==true && validar_categoria==true){
  38.             $('#submit').removeAttr('disabled');
  39.             $('#submit').css('background-color','#80e684');
  40.         } else{
  41.  
  42.             $('#submit').attr('disabled', 'disabled');
  43.             $('#submit').css('background-color','#fd8e8c');
  44.         }
  45.     }
  46.  
  47.  
  48. });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement