Lo he modificado un poco, pero sin llegar a funcionar bien.
Código Javascript
:
Ver original$.fn.validaRegistro = function (tipo) {
$(this).each(function() {
var pos = $(this).position();
var veloc2 = 800;
var nombre = $("#nombre");
var clave = $("#clave");
var veloc = 600;
var mensaje = "";
function error(mensaje){
$(tipo).css({borderColor:'#FF0000'});
var posLeft = pos.left + $(tipo).width() +15;
var posTop = pos.top -5;
var div = "<div class='tooltip-registro'>" + mensaje + "</div>";
$(tipo).after(div);
$(tipo).next().css({"top": posTop + "px","left": posLeft + "px","position": "absolute"});
return false;
}
function valido(){
$(tipo).css({borderColor:'#FFF'});
}
function validaNombre(){
if(nombre.val().length < 4 || nombre.val().length > 15) {
mensaje = 'El nombre debe tener entre 4 y 15 carácteres.';
error(mensaje);
}
else if(!(nombre.val().match(/^[0-9a-zA-Z]+$/))) {
mensaje = 'El nombre sólo puede contener letras y números.';
error(mensaje);
}
else
{valido();}
}
function validaClave(){
if(clave.val().length < 6 || clave.val().length > 15) {
mensaje = 'La clave debe tener entre 4 y 15 carácteres.';
error(mensaje);
}
else if(!(clave.val().match(/^[0-9a-zA-Z]+$/))) {
mensaje = 'La clave sólo puede contener letras y números.';
error(mensaje);
}
else
{valido();}
}
$(this).focusin(function(){
$(this).next(".tooltip-registro").fadeOut(veloc2);
$(this).css({borderColor:'#FFFF00'});
});
nombre.focusout(validaNombre);
clave.focusout(validaClave);
});
}
Código HTML:
Ver original<script language="javascript" type="text/javascript"> $(document).ready(function(){
$("#nombre").validaRegistro("#nombre");
$("#clave").validaRegistro("#clave");
});
Se ejecuta sobre los 2 divs a la vez...
alguien me puede decir como modificarlo??