Bitte geben Sie einen gültigen Wert ein. Sind die beiden nächsten gültigen Werte?

Lesezeit: 3 Minuten

Benutzeravatar von shoaib sabir
Shoaib Sabir

Meine Aufgabe ist es, einen Gewichtsrechner zu erstellen, aber aufgrund von Einschränkungen der Universität kann ich nicht alle Tags verwenden, also schreibe ich Code, der gut funktioniert, aber mir einen Fehler gibt please enter a valid value the two nearest valid value are ***number*** and ***number***.

Ich denke das liegt an der Anzahl Attribut ein Eingang Tag, aber ich kann nicht finden, was falsch ist und wie ich es korrigieren kann.

Es gibt einen weiteren Fehler, wenn ich nur eine Konvertierungsausgabe auf dem Bildschirm berechne und verschwindet, wenn ich in allen Feldern eine Ausgabe erhalte, dann wird die Antwort angezeigt.

<html>

<head>
  <title>Weight Convertor Calculator</title>
  <script>
    var z;
    var x;

    function converter() {
      if (document.weight.kg.value >= 1) {
        x = document.weight.kg.value;
        document.getElementById("g").value = x * 1000;
        document.getElementById("p").value = x * 2.2046;
        document.getElementById("m").value = x * 1000000;
        document.getElementById("ut").value = x * 0.0011023;
        z = 35.274 * x;
        document.getElementById("o").value = z;

      } else {
        window.alert("please enter any number greater than 0");
      }
    }
  </script>
</head>

<body bgcolor="#b3f0ff">
  <h1 align="center" style="color:#ff0066;"> Weight Calculator</h1>
  <br>
  <br>
  <form name="weight" method="post">
    <table align="center" style="color:#ff0066;">
      <tr>
        <td><b>Enter your weight in Kg:</b></td>
        <td><input type="number" id="kg" name="kilogram" placeholder="enter_any_number"></td>
      </tr>
      <tr>
        <td align="right"><input type="submit" value="Convert" onClick="converter(kg.value)"></td>
        <td><input type="reset"></td>
      </tr>
      <tr>
        <td align="right"><b>weight in Grams=</b></td>
        <td><input type="number" id="g" name="gram"></td>
      </tr>
      <tr>
        <td align="right"><b>weight in Pounds=</b></td>
        <td><input type="text" id="p" name="pound"></td>
      </tr>
      <tr>
        <td align="right"><b>weight in MilliGrams=</b></td>
        <td><input type="number" id="m" name="milligram"></td>
      </tr>
      <tr>
        <td align="right"><b>weight in US Ton=</b></td>
        <td><input type="text" id="ut" name="uton"></td>
      </tr>
      <tr>
        <td align="right"><b>weight in Ounces=</b></td>
        <td><input type="number" id="o" name="ounce"></td>
      </tr>
    </table>
  </form><br>
  <p align="center" style="color:#ff0066;"><b>NOTE: Enter only numerical 
      value which is greater than 0</b></p>
</body>

</html>

Versuchen Sie, das Attribut hinzuzufügen step="any" zu deinem input. Das hat mir geholfen.

Es ist nicht erforderlich, den Eingabetyp „Text“ festzulegen, sondern fügen Sie einfach ein Attribut step=”0.01″ mit type=”number” hinzu, um Dezimalwerte zu akzeptieren.

Benutzeravatar von bru02
bru02

  1. Bei Zahleneingaben sind Fragmente nicht erlaubt, daher müssen Sie eine Texteingabe verwenden.
  2. Ihr Formular wird gesendet: Daten weg

Hier finden Sie eine Demo das funktioniert, basierend auf Ihrem Code.

  • Eine Texteingabe ist nicht erforderlich. Was bedeutet „Daten weg“?

    – Escherholz

    8. August 2022 um 18:48 Uhr

Das Ändern des Eingabetyps von Zahl zu Text funktioniert.

1441670cookie-checkBitte geben Sie einen gültigen Wert ein. Sind die beiden nächsten gültigen Werte?

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy