Formulaire fonctionne en local mais pas en ligne

**floflo25** · 02/02/2017, 22h24

Bonjour,

Je suis débutant en javascript et ajax.

Ma première page consiste en un unique formulaire qui affiche un message "jquerry marche" lorsqu'on clique sur valider.

Mon code fonctionne en local avec easyphp : une fenêtre apparait lorsqu'on clique sur "valider".
Mais le même code ne fonctionne pas en ligne sur mon serveur à l'url https://www.cmath.fr/fichiersimple.html. Rien ne se passe lorsque je clique sur valider.

Savez vous pourquoi?

Merci

Code html :

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
19
20
21
22
23
24
25
26
<!DOCTYPE html>
<html>
<head>
<title>Mon fichier</title>
<script src='http://code.jquery.com/jquery.js'></script>
</head>
<body>
 
<form id='monForm' action='fichiersimple.html' method='post'>
    <input type='number' id='nombre' name='nombre' />
    <input type='submit' id='envoyer' value='Envoyer' />
</form>
 
<script>
 
$(document).ready(function() {
    $('#monForm').on('submit', function(e) {
        e.preventDefault();
        alert('jquery marche');
    });
});
</script>
 
 
</body>
</html>

**Doksuri** · 03/02/2017, 08h10

la console de debug t'aideras (F12)

Mixed Content: The page at 'https://www.cmath.fr/fichiersimple.html' was loaded over HTTPS, but requested an insecure script 'http://code.jquery.com/jquery.js'. This request has been blocked; the content must be served over HTTPS.
Uncaught ReferenceError: $ is not defined at fichiersimple.html:16

il n'arrive pas a charger le fichier jquery car ton serveur est en https alros que tu essayes de recuperer le fichier en http.

**floflo25** · 03/02/2017, 08h35

Merci, Doksuri, pour votre réponse rapide et la résolution de mon problème.

J'avais appuyé sur F12 mais ne suis pas encore familiarisé avec la console et n'avais pas remarqué ces infos.

Je vais chercher un lien jquery en https.

Merci encore et bonne journée.

**NoSmoking** · 04/02/2017, 11h56

Bonjour,
tu peux également te contenter de ne pas renseigner le protocole dans ton url

Code html :

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

<script src="//code.jquery.com/jquery.js"></script>

Formulaire fonctionne en local mais pas en ligne

AJAX

Discussions similaires

Partager

Partager