No hacer nada cuando se introduzcan espacios

franjgg · #1 (**permalink**) 24/07/2013, 06:33

Hola amigos como estan,

Vereis tengo una funcion que desactiva el boton de envio cuando detecta que el campo esta vacio o tiene un espacio y funciona bien, la cosa es que si en el campo metemos dos espacios ya no lo desactiva.

La funcion esta:

Código Javascript:

Ver originalfunction es_vacio(){
  
    if (document.getElementById('matricula').value == "" || document.getElementById('matricula').value == " "){   
      
            document.getElementById('boton_busqueda').disabled=true;
    
    }else{
 
            document.getElementById('boton_busqueda').disabled=false;    
    }
}

A ver si alguien sabe o me puede orientar de como se podria modificar para que aunque metamos varios espacios el boton siga desactivado.

Un saludo!!

quimfv · #2 (**permalink**) 24/07/2013, 07:12

Código Javascript:

Ver originalfunction es_vacio(){
  var valor=document.getElementById('matricula').value;
  valor=valor.trim();
    if (valor== ""){   
      
            document.getElementById('boton_busqueda').disabled=true;
    
    }else{
 
            document.getElementById('boton_busqueda').disabled=false;    
    }
}

.trim()

franjgg · #3 (**permalink**) 25/07/2013, 02:16

Hola quimfv,

Muchas gracias por tu atencion, lo he probado y funciona muy en mozilla pero en IE8 al menos no anda, metamos lo que metamos lo deja siempre deshabilitado.

Un saludo amigo y gracias de nuevo

quimfv · #4 (**permalink**) 25/07/2013, 04:24

Sorry no me vi que IE no lo sabe hacer hasta la versión 9, siempre dando....

Código HTML:

Ver original<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Documento sin t&iacute;tulo</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
if(typeof String.prototype.trim !== 'function') {
  String.prototype.trim = function() {
    return this.replace(/^\s+|\s+$/g, ''); 
  }
}
 
function es_vacio(){
  var valor=document.getElementById('matricula').value;
  valor=valor.trim();
    if (valor== ""){   
      
            document.getElementById('boton_busqueda').disabled=true;
    
    }else{
 
            document.getElementById('boton_busqueda').disabled=false;    
    }
}
 
 
 
</script>
 
 
</head>
 
<body>
<input name="matricula" type="text" id="matricula" onBlur="es_vacio()">
<input name="boton_busqueda" type="button" id="boton_busqueda" value="boton_busqueda" disabled>
</body>
</html>

Usa esto en IE 8 funciona... no se si en las anteriores....