la validation de champ de saisie de texte en html à l'aide de javascript
<script type='text/javascript'>
function required()
{
var empt = document.forms["form1"]["Name"].value;
if (empt == "")
{
alert("Please input a Value");
return false;
}
}
</script>
<form name="form1" method="" action="">
<input type="text" name="name" value="Name"/><br />
<input type="text" name="address line1" value="Address Line 1"/><br />
J'ai plus d'un champ de saisie de texte, chacune ayant leur valeur par défaut. Avant de me soumettre le formulaire, j'ai pour vérifier si tous les champs sont remplis. Jusqu'à présent j'ai eu le javascript pour vérifier la valeur null, depuis les zones de texte différents ont différentes valeur par défaut. Comment puis-je écrire un script javascript pour vérifier que l'utilisateur a entré des données? Je veux dire, le script doit identifier les données d'entrée est différent de celui par défaut et la valeur null.
Vous pouvez utiliser HTML5 validations. C'est très simple et vous pouvez personnaliser vos messages aussi. Pas besoin de javascript ou jquery méthodes pour le côté client, les validations de maintenant. Vous pouvez le vérifier sur ce lien
OriginalL'auteur VinKrish | 2012-09-17
Vous devez vous connecter pour publier un commentaire.
Si vous n'êtes pas à l'aide de jQuery, je voudrais simplement écrire une méthode de validation que vous pouvez être déclenché lorsque le formulaire est soumis. La méthode permet de valider les champs de texte pour s'assurer qu'ils ne sont pas vides ou la valeur par défaut. La méthode renvoie une valeur booléenne et si elle est fausse, vous pouvez déclencher votre alerte et d'attribuer des classes pour mettre en évidence les domaines qui ne passe pas la validation.
HTML:
JavaScript:
La validateForm méthode attribue les éléments que vous souhaitez valider et puis dans ce cas, les appels de la isNotEmpty méthode pour valider si le champ est vide ou n'a pas été modifié à partir de la valeur par défaut. il appelle sans cesse le inNotEmpty méthode jusqu'à ce qu'elle renvoie une valeur true ou si le conditionnel échoue pour ce champ, il sera de retour faux.
Donner un coup de cette et laissez-moi savoir si cela aide ou si vous avez des questions. bien sûr, vous pouvez écrire d'autres méthodes personnalisées pour valider les numéros seulement, adresse email, URL valide, etc.
Si vous utilisez jQuery, à tous je veux le regarder en essayant de jQuery Validation plug-in. Je l'utilise pour mes derniers projets et c'est assez agréable. Check it out si vous obtenez une chance. http://docs.jquery.com/Plugins/Validation
Hey, désolé il a fallu un certain temps pour revenir à vous... je n'ai pas le
'FieldOk'
et'FieldError'
classes CSS dans l'exemple. Vous pouvez créer un jeu et puis définissez les valeurs du texte de champ et de couleurs pour changer de rouge lorsqu'il y a une erreur et puis il revenir aux valeurs par défaut lorsque le champ valide.je viens de remarquer la raison pour laquelle j'ai été faire l'erreur d'alerte, le fieldData est comparé avec fieldData ce qui est évidemment vrai toujours au lieu de cela j'ai besoin d'une fonction pour vérifier que les entrées de champ n'est pas la valeur par défaut dans la saisie de texte.
Oh, mon mauvais... eh Bien, si vous voulez jeter de l'erreur si l'utilisateur laisse par défaut dans le champ des valeurs et clique sur le bouton envoyer. Si la valeur par défaut est ad sera toujours "Nom". Essayer de changer:
fieldData == fieldData
àfieldData == "Name"
ouais j'ai fait ces changements,qui nécessite de séparer la fonction pour chaque champs,merci de fournir la compréhension de base qui m'a permis d'avancer.
OriginalL'auteur Dzeimsas Zvirblis
OriginalL'auteur Hemangi
OriginalL'auteur AKHIL
Pour plusieurs éléments, vous pouvez passer à l'intérieur de vos éléments d'entrée de la boucle de leur valeur dans la fonction en argument.
Si un utilisateur a inséré un ou plusieurs espaces, grâce à la regex
s+
la fonction retournera false.OriginalL'auteur Roko C. Buljan
OriginalL'auteur Ravindra Bohra