Ver Mensaje Individual
  #4 (permalink)  
Antiguo 15/07/2015, 10:13
PHPeros
Colaborador
 
Fecha de Ingreso: septiembre-2013
Ubicación: España
Mensajes: 3.648
Antigüedad: 10 años, 8 meses
Puntos: 578
Respuesta: Quitar o no permitir guiones - en campo de texto Formulario

Sí, se puede hacer usando el API de Validaciones de HTML5 (Constraint).

Código HTML:
Ver original
  1.     <input id="texto" type="text" pattern="[^-]*" required>
  2. </form>

Código Javascript:
Ver original
  1. var elemento = document.getElementById('texto'); // Obtener el input
  2.  
  3. elemento.addEventListener('invalid', function(){
  4.   if(this.validity.patternMismatch) // Si el patrón no coincide
  5.         this.setCustomValidity('No utilice guiones'); // Dejar mensaje de error
  6. }, false);
  7.  
  8. elemento.addEventListener('change', function(){
  9.     this.setCustomValidity(''); // Resetear el mensaje de error previo cuando el valor cambia
  10. }, false);

DEMO