Discussion :

[chlock62]

Bonjour les amis,

M'intéressant à ce jour a la librairie Prototype de javascript et plus précisément l'une de ces nombreuse fonction, je me pose à un petit souci

M'inspirant de la fonction suivante "submit_to_remote" de prototype:

Code php :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
function submit_to_remote($name, $value, $options = array(), $options_html = array()){
    $options = _parse_attributes($options);
    $options_html = _parse_attributes($options_html);
 
    if (!isset($options['with'])){
      $options['with'] = 'Form.serialize(this.form)';
    }
 
    $options_html['type'] = 'button';
    $options_html['onclick'] = remote_function($options).' return false;';
    $options_html['name'] = $name;
    $options_html['value'] = $value;
 
    return tag('input', $options_html, false);
  }

pour exécuter une action AJAX sur l'événement onClick d'un bouton:

la fonction suivante renvoie un input button, donc au click sur le bouton enlèvement onClick sur ce bouton actionne l'action ajax, nous somme d'accord.
Mais ma question est la suivante

Ou est désactiver la soumission du formulaire lors de l'événement à la touche entrée?

Car m'étant servi de la fonction ci-dessus pour m'en créer une personnelle, quand je clique sur le bouton mon action ajax fonctionne merveilleusement bien, mais quand je clique sur la touche entrée j'ai toujours une soumission du formulaire avec un rechargement de page et non en ajax.

Voila mon input perso qui fonctionne:

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
<input type="button" onclick="$.ajax({url: '/resetting/send-email',
  cache: false,
  type: 'POST',data: $(this.form).serialize(),success: function(data){$('#reset_password').html(data);},error: function() { alert('Impossible de charger la requête Ajax'); }
});
return false;" value="Réinitialiser le mot de passe" class="">

Une idée les amis

Merci à tous

[sekaijin]

normal tu gère le click sur le bouton et non le submit du formulaire

http://www.w3schools.com/js/js_form_validation.asp
http://www.w3resource.com/html/attri...-attribute.php

A+JYT

[chlock62]

Oui merci sekaijin pour tes différentes informations, mais je voudrais savoir ou et comment prototype gère le submit.

Pour ma part j'ai ajouter onSubmit="return false;" dans la balise form, mais dans ce cas la touche entrée n'est plus permise et elle doit t'elle toujours fonctionnel car certain utilisateurs préfére les commandes clavier

[sekaijin]

non ce qu'il faut faire c'est ne pas mettre ta fonction sur le onclick mais sur le onsubmit

A+JYT

[chlock62]

Oui mais pourquoi une soumission de formulaire par un l'événement onClick avec l'utilisation de la librairie prototype cher ami.

prototype utilise bien un événement onClick pour soumettre des formulaires par un click sur un input bouton.

Un rappel de la fonction:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
 
function submit_to_remote($name, $value, $options = array(), $options_html = array())
  {
    $options = _parse_attributes($options);
    $options_html = _parse_attributes($options_html);
 
    if (!isset($options['with']))
    {
      $options['with'] = 'Form.serialize(this.form)';
    }
 
    $options_html['type'] = 'button';
    $options_html['onclick'] = remote_function($options).' return false;';
    $options_html['name'] = $name;
    $options_html['value'] = $value;
 
    return tag('input', $options_html, false);
  }

Tu me suis l'ami

[sekaijin]

non prototype utilise ce que tu lui dit d'utiliser

un clic et un clic une soumission une soumission
c'est à toi de choisir ce que tu veux faire

A+JYT