Ver Mensaje Individual
  #7 (permalink)  
Antiguo 29/05/2011, 17:45
oms02
 
Fecha de Ingreso: junio-2010
Mensajes: 373
Antigüedad: 14 años, 5 meses
Puntos: 11
Respuesta: primer plugin

Lo he modificado un poco, pero sin llegar a funcionar bien.

Código Javascript:
Ver original
  1. $.fn.validaRegistro = function (tipo) {
  2.     $(this).each(function() {
  3.         var pos = $(this).position();
  4.         var veloc2 = 800;
  5.         var nombre = $("#nombre");
  6.         var clave = $("#clave");
  7.         var veloc = 600;
  8.         var mensaje = "";
  9.  
  10.         function error(mensaje){
  11.             $(tipo).css({borderColor:'#FF0000'});
  12.  
  13.             var posLeft = pos.left + $(tipo).width() +15;
  14.             var posTop = pos.top -5;
  15.             var div = "<div class='tooltip-registro'>" + mensaje + "</div>";
  16.             $(tipo).after(div);
  17.             $(tipo).next().css({"top": posTop + "px","left": posLeft + "px","position": "absolute"});
  18.             return false;
  19.         }
  20.  
  21.         function valido(){
  22.             $(tipo).css({borderColor:'#FFF'});
  23.         }
  24.  
  25.         function validaNombre(){
  26.             if(nombre.val().length < 4 || nombre.val().length > 15) {
  27.                 mensaje = 'El nombre debe tener entre 4 y 15 carácteres.';
  28.                 error(mensaje);
  29.             }
  30.             else if(!(nombre.val().match(/^[0-9a-zA-Z]+$/))) {
  31.                 mensaje = 'El nombre sólo puede contener letras y números.';
  32.                 error(mensaje);
  33.             }
  34.             else
  35.                 {valido();}
  36.         }
  37.  
  38.         function validaClave(){
  39.             if(clave.val().length < 6 || clave.val().length > 15) {
  40.                 mensaje = 'La clave debe tener entre 4 y 15 carácteres.';
  41.                 error(mensaje);
  42.             }
  43.             else if(!(clave.val().match(/^[0-9a-zA-Z]+$/))) {
  44.                 mensaje = 'La clave sólo puede contener letras y números.';
  45.                 error(mensaje);
  46.             }
  47.             else
  48.                 {valido();}
  49.         }
  50.  
  51. $(this).focusin(function(){
  52.     $(this).next(".tooltip-registro").fadeOut(veloc2);
  53.     $(this).css({borderColor:'#FFFF00'});
  54. });
  55.  
  56. nombre.focusout(validaNombre);
  57. clave.focusout(validaClave);
  58.        
  59. });
  60. }

Código HTML:
Ver original
  1. <script language="javascript" type="text/javascript">
  2. $(document).ready(function(){
  3. $("#nombre").validaRegistro("#nombre");
  4. $("#clave").validaRegistro("#clave");
  5. });

Se ejecuta sobre los 2 divs a la vez...

alguien me puede decir como modificarlo??