changer la couleur de la bordure de la zone de texte en utilisant javascript
Je suis en train de faire de la validation du formulaire. lorsque le formulaire de saisie est incorrecte-je ajouter une bordure rouge à la zone de texte:
document.getElementById("fName").style.borderColor="#FF0000"
ensuite, cela me donne une 2px bordure rouge. ce que je veux faire, c'est si l'utilisateur putas à une valeur correcte pour revenir en arrière à l'original de la frontière...
quelqu'un peut me dire comment je change la taille de la bordure et la couleur dans le javascript
source d'informationauteur kevin
Vous devez vous connecter pour publier un commentaire.
Utiliser des styles CSS avec des Classes CSS au lieu
CSS
Maintenant en Javascript
La principale raison pour laquelle je mentionne cela est supposons que vous voulez changer la couleur de l'erreur de l'élément de frontière. Si vous choisissez votre chemin, vous aurez peut-être besoin de modifier de nombreux endroits dans le code. Si vous choisissez de ma façon, vous pouvez simplement modifier la feuille de style.
Ajouter un onchange événement à votre élément d'entrée:
Javascript:
Vous pouvez essayer
document.getElementById("fName").style.borderColor="";
est tout ce que vous devez changer la couleur de la bordure arrière.
Pour modifier la taille de la bordure, utilisez
element.style.borderWidth = "1px"
.Je suis d'accord avec Vicente Plata vous devez essayer d'utiliser jQuery à mon humble avis est le meilleur de la bibliothèque javascript. Vous pouvez créer une classe dans votre fichier CSS et il suffit de faire les opérations suivantes avec jquery:
et c'est tout, et bien sûr, vous ne serez pas inquiet au sujet de l'incompatibilité des navigateurs, c'est du jquery équipe de problème 😀 LOL
Si l'utilisateur saisit une valeur incorrecte, appliquer un 1px couleur rouge de la frontière dans le champ de saisie:
Si l'utilisateur entre une valeur correcte, supprimer la bordure du champ de saisie: