Rechercher : dans
Par :

Rendre champ de texte obligatoire form HTML

Dernière réponse le 29 avr 2009 à 19:57:25 MarieLN-ny, le 29 avr 2009 à 18:50:31 
 Signaler ce message aux modérateurs

Bonjour les experts,

je voudrais rendre obliagtoire un champ de texte dans un formulaire , c est a dire que le form ne soit pas envoye tant que ce champ n est pas renseigne.... pouvez vous me donner un coup de pouce?

merci a tous

voici extrait script

<tr>
<td height="410" align="center" bgcolor="#FFFFFF">
<form method="post" action="" name="TEST">
VOS PREFERENCES
<select>
<option value="none" selected>choisir parmi</option>
<option value="premier">PREMIER CHOIX</option>
<option value="deuxieme">DEUXIEME CHOIX </option>
</select>
</form>
</td>
</tr>
</table>

Meilleures réponses pour « rendre champ de texte obligatoire form HTML » dans :
Sed - Insertion de texte VoirInsérer du texte dans un fichier Introduction Syntaxe Ajout de texte Insérer une ligne avec "i" Ajouter une ligne avec "a" Échanger une ligne avec "c" Introduction Il est parfois utile de pouvoir insérer du texte en en-tête d'un ou...
Les formulaires HTML VoirIntérêt d'un formulaire Les formulaires interactifs permettent aux auteurs de pages Web de doter leur page web d'éléments interactifs permettant par exemple un dialogue avec les internaute, à la manière des coupons-réponse présents dans certains...
Structure d'un document HTML VoirNotion de document HTML Une page HTML est un simple fichier contenant du texte formatté avec des balises HTML. Par convention l'extension donnée au fichier est .htm ou .html, mais une page web peut potentiellement porter n'importe quelle...
Gestion des images en HTML VoirComment afficher des images sur une page web? Quelques images sur un site Web peuvent le rendre plus attractif et plus convivial, cependant il est important de ne pas sombrer dans l'excès car les images peuvent impliquer un temps de chargement...

2

Dalida, le 29 avr 2009 à 19:35:59

Re,

côté client (le navigateur) il faut utiliser Javascript (sachant qu'il faudra aussi vérifier les données côté serveur avec PHP).
pour ça tu utilises l'évènement onsubmit du formulaire avec une fonction.
ta fonction renvoie "true" si le formulaire doit être envoyé.

il faut ajouter des identifiants aux <input/> à vérifier.
en plus tu peux afficher un message d'erreur.

ça pourrait donner quelque chose comme :

<script type="text/javascript">
function check_form()
{
	var errors = new Array();
	var input_nom = document.getElementById('nom');
	var input_mail = document.getElementById('mail');

	if(input_nom.value = '')
		errors.push('Vous devez renseigner le nom.');
	if(input_mail.value = '')
		errors.push('Vous devez renseigner le mail.');

	if(errors.length > 0)
	{
		alert(errors.join('<br/>'));
		return false;
	}
	return true;
}
</script>
<form method="post" action="/php-scripts/formmail.php" onsubmit="return check_form();">
	<p>
		<label for="nom">Nom</label>
		<input type="text" id="nom" name="nom"/>
	</p>
[...]
</form>
[ Mathieu ]
Il y a sûrement des pandas pour ne dépendre de rien

Répondre à Dalida

3

 MarieLN-ny, le 29 avr 2009 à 19:57:25

Merci de ces infos je vais tenter et si je n ai pas perdu la boule d ici la je reviendrai dire si c est ok...

Répondre à MarieLN-ny
Collection CommentÇaMarche.net