Modifier des inputs invalide...

Résolu
Wizix Messages postés 24 Date d'inscription   Statut Membre Dernière intervention   -  
tryan44 Messages postés 1289 Date d'inscription   Statut Membre Dernière intervention   -
Bonjour,
J'aimerai créer une bordure rouge à mes inputs quand ils sont invalident...

Mon code :

input{ 
  background-color: #fff; 
  border: 1px solid lighten(#000, 57%); 
  border-radius: 3px; 
  box-shadow:1px 1px 2px #c0c0c0 inset; 
} 

input:required{ 
    background: url(star.png) 98% center no-repeat; 
    background-color: #fff; 
    border: 1px solid lighten(#000, 57%); 
    border-radius: 3px; 
    box-shadow:1px 1px 2px #c0c0c0 inset; 
} 


PS: j'utilise less...

Merci de vos réponses

1 réponse

  1. tryan44 Messages postés 1289 Date d'inscription   Statut Membre Dernière intervention   220
     
    Salut,

    Il faut juste ajouter une class css et changer celle-ci lors du traitement des erreurs.
    Par exemple :

    CSS:
    .erreur{
    border:1px solid red;
    }

    Traitement des erreur côté PHP :
    <?php
    if (empty($_POST["toto"])) { 
    $class1="erreur";
    }
    ?>

    Et dans le input :
    <input name="toto" type="text" <?php if(isset($class1)) echo 'class="'.$class1.'"';?>/>
    1