Modifier des inputs invalide...

Résolu/Fermé

Wizix Messages postés 554 Date d'inscription dimanche 18 mars 2012 Statut Membre Dernière intervention 21 mai 2015 - Modifié par Wizix le 24/06/2012 à 16:22
tryan44 Messages postés 1288 Date d'inscription mardi 24 janvier 2012 Statut Membre Dernière intervention 26 octobre 2014 - 24 juin 2012 à 18:31

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

A voir également:

Modifier des inputs invalide...
Modifier dns - Guide
Modifier liste déroulante excel - Guide
Comment modifier un pdf - Guide
Modifier story facebook - Guide
Modifier sa voix en direct - Guide

1 réponse

Réponse 1 / 1

tryan44 Messages postés 1288 Date d'inscription mardi 24 janvier 2012 Statut Membre Dernière intervention 26 octobre 2014 220
24 juin 2012 à 18:31

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.'"';?>/>

Discussions similaires

problème reconnaissance url liste iptv avec smartiptv

Attention session expirée ou obsolète

Votre code de réponse utilisateur noCAPTCHA manque ou est invalide

nom utilisateur invalide