Hola a todos. Estoy en la creacion de mi primer plugin y como imaginareis, me hago lios...
El codigo en si es muy sencillo, pero no se pq no funciona. creo que es debido a los problemillas de conceptos...
me echais un cable??
Código Javascript
:
Ver original$.fn.validaRegistro = function (mensaje) {
$(this).each(function() {
var pos = $(this).position();
var veloc2 = 1000;
var nombre = $("#nombre");
var veloc = 600;
var c_valido = "silver";
var c_error = "#FF8B8F";
function error(mensaje){
$(this).css({border:'2px solid red'});
$(this).animate({backgroundColor: c_error},veloc);
var div = "<div class='tooltip-registro'>" + mensaje + "</div>";
$(this).after(div);
var posLeft = pos.left + $(this).width();
var posTop = pos.top;
$(this).next().css({"top": posTop + "px","left": posLeft + "px","position": "absolute"});
}
function valido(){
$(this).css({border:'2px solid #000'});
$(this).animate({backgroundColor: c_valido},veloc);
$(this).next().fadeOut(veloc2);
}
function validaNombre(){
if(nombre.val().length < 4 || nombre.val().length > 15)
{error(mensaje);}
else if(!$(this).val().match(/^[0-9a-zA-Z]+$/))
{error(mensaje);}
else
{valido();}
}
$(this).focusin(function(){$(this).next().fadeOut(veloc2);});
$(this).blur(validaNombre);
});
}
Código HTML:
Ver original$(document).ready(function(){
<script language="javascript" type="text/javascript"> $("#nombre").validaRegistro("El nombre solo puede contener letras y numeros. Debe tener entre 4 y 15 caracteres");
});
Gracias!