So ist es richtig mit den Code-Tags.
Sie dir noch mal meinen Post Nr. 17 an, dort wird die Funktion inputFracht() definiert und dies musst Du in dein Javascript übernehmen:
HTML
<!DOCTYPE HTML><html>
<head>
<title>Untitled</title>
</head>
<body> <script> function convert(val) {
var msgAbove = "Zu Groß";
var msgBelow = "Perfekt";
var limit = 150000000;
val = (val.replace(",", ".") * 500).toFixed(2);
var msgfield = document.getElementById("zuzahlen");
if (val > limit) msgfield.innerHTML = msgAbove; else msgfield.innerHTML = msgBelow;
str = val.toString().replace(".", ",");
var pos = str.indexOf(",");
var result = "", i = 0;
do {
result += str[i];
i++;
if (((pos - i) % 3) == 0) result += "."
} while (i < pos - 1)
for (; i < str.length; i++) result += str[i];
return result;
}
function inputFracht(inp) { var msgBelow = "Nachricht fuer unterhalb Limit1";
limit1 = 200;
var msgLimit1 = "Nachricht fuer oberhalb Limit1";
limit2 = 500;
var msgLimit2 = "Nachricht fuer oberhalb Limit2";
var val = inp.value.replace(",", ".");
var outp = document.getElementById("fracht-msg");
if (val >= limit2) outp.innerHTML = msgLimit2;
else if (val >= limit1) outp.innerHTML = msgLimit1;
else outp.innerHTML = msgBelow;
} </script>
<form oninput="isk.value = convert(fracht.value);">
Frachtgroesse<br>
<input type="text" id="fracht" pattern="[1-9][0-9]*(,[0-9]+)?"><br>
<input type="reset" value="Löschen" />
<br>
Isk zu zahlen:<br>
<output id="isk"></output>
<output id="zuzahlen"></output>
</form>
<style>
#fracht:invalid {
border: 2px solid red;
} </style>
<input type="text" id="fracht" pattern="[1-9][0-9]*(,[0-9]+)?" oninput="inputFracht(this);"> <output id="fracht-msg"></output>
</body>
</html>
Alles anzeigen