Selection d'un champs et validation avec submit()

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Selection d'un champs et validation avec submit()

arnaudlyon

Bonjour,

J'ai cree un formulaire avec des champs a remplir.
Quelques fois, lorsque l'on remplit des formulaires online, on a le bouton d'envoi (submit()) qui s'entoure d'un petit liseret noir et il nous suffit de cliquer sur "Entrer" du clavier pour valider, sans devoir absolument lever les mains du clavier pour prendre la souris et cliquer sur le bouton correspondant.
Or, dans mon formulaire, cela ne se passe pas.
Est-ce que quelqu'un sait comment declarer cette fonctionnalite, que j'ai la possibilite de valider soit avec "Entrer" du clavier soit en cliquant sur le bouton correspondant avec la souris ?

Merci d'avance.
arnaudlyon.

---------------
Arnaudlyon

Publicité

Hermes le Messager

Breton Quiétiste

arnaudlyon a écrit :

Tu peux jouer avec focus() en javascript pour ça.

Exemple :

Code :

document.getElementById('ton_champ_ou_bouton_que_tu_veux_focusser').focus();

arnaudlyon

Hermes le Messager a écrit :

Tu peux jouer avec focus() en javascript pour ça.

Exemple :

Code :

document.getElementById('ton_champ_ou_bouton_que_tu_veux_focusser').focus();

Ou dois inserer cette ligne ; dans le body ou le head ?
Et ou ca pour qu'il soit pris en compte :??:

---------------
Arnaudlyon

arnaudlyon

Ca y est, j'ai trouve, merci !!!

---------------
Arnaudlyon

Hermes le Messager

Breton Quiétiste

arnaudlyon a écrit :

Ou dois inserer cette ligne ; dans le body ou le head ?
Et ou ca pour qu'il soit pris en compte :??:

Oulà, c'est pas gagné. Précise que tu es débutant dans tes messages.

Bon, je vais pas non plus t'apprendre le javascript hein, mais je vais faire un effort :

1) déclarer du javascript dans le head :

On fait comme ça :

Code :

<script type="text/javascript">
<!--
//-->
</script>

2) A l'intérieur de ça, on va faire une fonction :

Code :

<script type="text/javascript">
<!--
function focus_ta_mere(champ_a_focusser)
{
document.getElementById(champ_a_focusser).focus();
}
//-->
</script>

PS : Remarque bien l'absence de '', car c'est une VARIABLE qu'on emploi là...

3) Dans le code HTML, utiliser un évènement javascript, comme onclick par exemple (c'est juste un exemple hein).

Tu as un bouton et un champ genre :

Le champ :

Code :

<input type="text" id="champ_a_focus" />

Et le bouton :

Code :

<input type="button" id="champ_input" value="Clique ici pour avoir le focus sur l'autre champ !" onclick="javascript:focus_ta_mere('champ_a_focus');" />

Voilà...

Mais bon, maintenant, il va falloir que tu apprennes un peu les bases du JS hein...

arnaudlyon

Hermes le Messager a écrit :

Code :

<script type="text/javascript">
<!--
//-->
</script>

2) A l'intérieur de ça, on va faire une fonction :

Code :

<script type="text/javascript">
<!--
function focus_ta_mere(champ_a_focusser)
{
document.getElementById(champ_a_focusser).focus();
}
//-->
</script>

Code :

<input type="text" id="champ_a_focus" />

Et le bouton :

Code :

<input type="button" id="champ_input" value="Clique ici pour avoir le focus sur l'autre champ !" onclick="javascript:focus_ta_mere('champ_a_focus');" />

Voilà...

Mais bon, maintenant, il va falloir que tu apprennes un peu les bases du JS hein...

Ce que j'avais trouve en fait ne me permettait de le selectionner qu'a l'ouverture de la page et il etait deselectionne une fois que je clique dans un des champs a remplir.
Je vais donc essayer votre methode.
Merci beaucoup.

---------------
Arnaudlyon

Hermes le Messager

Breton Quiétiste

arnaudlyon a écrit :

Il faut que tu utilises un AUTRE évènement javascript que celui cité dans mon exemple...

arnaudlyon

Hermes le Messager a écrit :

Code :

<script type="text/javascript">
<!--
//-->
</script>

2) A l'intérieur de ça, on va faire une fonction :

Code :

<script type="text/javascript">
<!--
function focus_ta_mere(champ_a_focusser)
{
document.getElementById(champ_a_focusser).focus();
}
//-->
</script>

Code :

<input type="text" id="champ_a_focus" />

Et le bouton :

Code :

<input type="button" id="champ_input" value="Clique ici pour avoir le focus sur l'autre champ !" onclick="javascript:focus_ta_mere('champ_a_focus');" />

Voilà...

Mais bon, maintenant, il va falloir que tu apprennes un peu les bases du JS hein...

J'ai fait comme ca :
<script type="text/javascript">

</script>
et j'ai insere dans chaque input (car j'ai differents champs a remplir de type text et de type radio) la ligne
onclick="javascript:focus_ta_mere('Envoyer');"
mais il me dit erreur 26 aux dites lignes.

---------------
Arnaudlyon

arnaudlyon

Ca y est c'etait juste le ;
Par contre maintenant c la ligne du
document.getElementById(Envoyer).focus();
Il me dit erreur 1.
????

---------------
Arnaudlyon

FORUM HardWare.fr

Programmation

HTML/CSS

Selection d'un champs et validation avec submit()

Sujets relatifs
[Javascript] Boutons submit + controles de validation	[C/C++] Fenêtres, boutons, champs de textes...
validation de formulaire	Sélection de 3 tables
[résolu] OnSubmit et la validation	[C] gerer des champs de bits
Conserver la position d'une page lors d'un submit	[résolu] Problème de validation XHTML
[mysql] pb de selection sql avec OR et AND
Plus de sujets relatifs à : Selection d'un champs et validation avec submit()

Page générée en 0.052 secondes