J'essaie de faire fonctionner la validation en appuyant sur Soumettre, mais aucune alerte ne s'affiche lorsque vous appuyez sur Soumettre, où je devrais recevoir une alerte indiquant que le champ est vide, etc. Quelqu'un peut-il repérer une erreur dans mon code? Comme je ne peux pas tout à fait comprendre quelle est l'erreur, j'ai également essayé de valider ligne par ligne.

function validateForm() {
  var x = document.forms["myForm"]["fname"].value;
  var y = document.forms["myForm"]["comment"].value;
  if (x == "" && y == "") {
    alert("Please enter the blank fields!");
return false;
   } else if (x == "") {
    alert("Please enter your name!");
    return false;
   } else if (y == "") {
    alert("Please leave us a comment!");
    return false;
   } else {
   		if(document.getElementById('r5').checked) {
      	window.alert("Thank you")
      }
   }
}
.wrapper {
  display: inline-block;
}

.wrapper * {
  float: right;
}

.wrapper input {
  display: none;
}

label {
  font-size: 30px;
}

input:checked ~ label {
  color: red;
}
<!doctype html>
<html>

<link REL="StyleSheet"  TYPE="text/css" HREF="example2.css">

<body>

  <form id ="myForm">
    Name: <input type="text" id="fname">
    <br><br>
    Comment: <input type="input" id="comment">
    <br><br>
	


    <div class="wrapper">
      <input type="radio" id="r1" name="rg1">
      <label for="r1">&#10038;</label>
      <input type="radio" id="r2" name="rg1">
      <label for="r2">&#10038;</label>
      <input type="radio" id="r3" name="rg1">
      <label for="r3">&#10038;</label>
      <input type="radio" id="r4" name="rg1">
      <label for="r4">&#10038;</label>
      <input type="radio" id="r5" name="rg1">
      <label for="r5">&#10038;</label>
    </div>
	<br>

<button type="button" value="Submit" onclick="validateForm"()>Submit </button>
  </form>
  
</body>
<script src="jsreview.js"></script>
</html>

Merci d'avoir vérifié cela

0
NInjay 17 mars 2019 à 06:21

2 réponses

Meilleure réponse

Donnez un identifiant à votre formulaire et soumettez le bouton comme ci-dessous.

<form id="myForm">
<input type="submit" value="Submit" id="submit">

Aussi, ajoutez la ligne ci-dessous dans votre fichier javascript

document.getElementById('submit').addEventListener('click', validateForm); 
0
Usman 17 mars 2019 à 03:49

Tout d'abord, votre fonction n'est pas soumise et js.

Définissez alert() dans la première ligne de fonction, afin que vous puissiez facilement le vérifier

<input type=button" value= SUBMIT" onclick="validateform()" >

ou

<button onclick="myFunction()">Click me</button>

<script> function myFunction() {  alert( "Hello World"); } </script>

0
Anandhukrishna VR 17 mars 2019 à 04:21