Doppelte Eingabe

iman

iman

Aktives Mitglied
Hi ,

ich möchte in mein HTML Seite keine gleiche Eingabe haben. Ist es möglich? wenn ja, wie ist es?

ich lasse meine HTML code auch hier.

HTML: 
<html>
<head>
<title>input</title>
</head>
<body>

    <h2>Lotto Spiel!</h2>
    <br>
    <output name="monitor"></output>
    
    <form method="GET" action="result" >
        Erste Zahl : <input name="input" id="input" type="number" min="1" max="49" required/>
        Zweite Zahl : <input name="input1" id="input1" type="number" min="1" max="49" required/>
        Dritte Zahl : <input name="input2" id="input2" type="number" min="1" max="49" required/>
        Vierte Zahl : <input name="input3" id="input3" type="number" min="1" max="49" required/>
        Fünfte Zahl : <input name="input4" id="input4" type="number" min="1" max="49" required/>
        Sechste Zahl : <input name="input5" id="input5" type="number" min="1" max="49" required/>
        <br>
        <br>
        <input type="submit" name="submit" />
        
        </form>
</body>
</html>
 
mihe7

mihe7

Top Contributor
Vor dem schließenden body-Tag etwas wie
Javascript: 
  <script>
      function checkForm(evt) {
          let frm = evt.target;
          let inputs = Array.from(frm.querySelectorAll("input[type='number']"))
              .map(function(elem) { return elem.value; })
          let unique = new Set(inputs)
          if (unique.size != inputs.length) {
              window.alert('Bitte keine Duplikate eingeben')
              evt.preventDefault()
          }
      }
      document.querySelector("form").addEventListener("submit", checkForm);
  </script>
einfügen.
 
iman

iman

Aktives Mitglied
mihe7 hat gesagt.:
Vor dem schließenden body-Tag etwas wie
Javascript: 
  <script>
      function checkForm(evt) {
          let frm = evt.target;
          let inputs = Array.from(frm.querySelectorAll("input[type='number']"))
              .map(function(elem) { return elem.value; })
          let unique = new Set(inputs)
          if (unique.size != inputs.length) {
              window.alert('Bitte keine Duplikate eingeben')
              evt.preventDefault()
          }
      }
      document.querySelector("form").addEventListener("submit", checkForm);
  </script>
einfügen.
Zum Vergrößern anklicken....



danke dir , es funktioniert
 
iman

iman

Aktives Mitglied
mihe7 hat gesagt.:
Vor dem schließenden body-Tag etwas wie
Javascript: 
  <script>
      function checkForm(evt) {
          let frm = evt.target;
          let inputs = Array.from(frm.querySelectorAll("input[type='number']"))
              .map(function(elem) { return elem.value; })
          let unique = new Set(inputs)
          if (unique.size != inputs.length) {
              window.alert('Bitte keine Duplikate eingeben')
              evt.preventDefault()
          }
      }
      document.querySelector("form").addEventListener("submit", checkForm);
  </script>
einfügen.
Zum Vergrößern anklicken....

Wenn ich möchte , das Programm mir sagen , in welchem field haben wir Duplikate ,dann was soll ich mache?
 
mihe7

mihe7

Top Contributor
Müsste in etwa so funktionieren:

Javascript: 
<script>
      function checkForm(evt) {
          let frm = evt.target;
          let inputElements = Array.from(frm.querySelectorAll("input[type='number']"))
          let inputs = inputElements.map(function(elem) { return elem.value; })
          let unique = new Set(inputs)
          let dupes = new Set()
          if (unique.size != inputs.length) {
              for (let i = 0; i < inputElements.length; i++) {
                  if (!unique.delete(inputElements[i].value)) {
                      dupes.add(inputElements[i].name)
                  }
              }
              console.dir(dupes)
              window.alert('Bitte keine Duplikate eingeben: ' + dupes)
              evt.preventDefault()
          }
      }
      document.querySelector("form").addEventListener("submit", checkForm);
  </script>
Das Ergebnis erhältst Du auf der JavaScript-Konsole im Browser.
 
iman

iman

Aktives Mitglied
mihe7 hat gesagt.:
Müsste in etwa so funktionieren:

Javascript: 
<script>
      function checkForm(evt) {
          let frm = evt.target;
          let inputElements = Array.from(frm.querySelectorAll("input[type='number']"))
          let inputs = inputElements.map(function(elem) { return elem.value; })
          let unique = new Set(inputs)
          let dupes = new Set()
          if (unique.size != inputs.length) {
              for (let i = 0; i < inputElements.length; i++) {
                  if (!unique.delete(inputElements[i].value)) {
                      dupes.add(inputElements[i].name)
                  }
              }
              console.dir(dupes)
              window.alert('Bitte keine Duplikate eingeben: ' + dupes)
              evt.preventDefault()
          }
      }
      document.querySelector("form").addEventListener("submit", checkForm);
  </script>
Das Ergebnis erhältst Du auf der JavaScript-Konsole im Browser.
Zum Vergrößern anklicken....


mihe7 hat gesagt.:
Müsste in etwa so funktionieren:

Javascript: 
<script>
      function checkForm(evt) {
          let frm = evt.target;
          let inputElements = Array.from(frm.querySelectorAll("input[type='number']"))
          let inputs = inputElements.map(function(elem) { return elem.value; })
          let unique = new Set(inputs)
          let dupes = new Set()
          if (unique.size != inputs.length) {
              for (let i = 0; i < inputElements.length; i++) {
                  if (!unique.delete(inputElements[i].value)) {
                      dupes.add(inputElements[i].name)
                  }
              }
              console.dir(dupes)
              window.alert('Bitte keine Duplikate eingeben: ' + dupes)
              evt.preventDefault()
          }
      }
      document.querySelector("form").addEventListener("submit", checkForm);
  </script>
Das Ergebnis erhältst Du auf der JavaScript-Konsole im Browser.
Zum Vergrößern anklicken....


Danke schön, ich habe außer let dupes einen Array liste hingestellt. Dan nach in Fehler Meldung die Namen von Duplikate Eingabe uns zuruck geben.
 
Ähnliche Java Themen
  Titel Forum Antworten Datum
VPChief HTML Bei bestimmter eingabe in textfeld neu HTML Seite öffnen HTML / CSS 6

Ähnliche Java Themen

Aktuelle Jobs

Neue Themen


Oben