[JavaScript] Input soll nur Zahlen und Komma nehmen?

Guten Tag,

ich kenne mich absolut nicht mit JavaScript aus.

Ich habe ein Formular, welches nur Zahlen annehmen soll. Ich habe das schon mit den Attributen type="number" pattern="[0-9]+([.,][0-9]+)?" gemacht. Aber ich bin mir sicher, dass es mit JavaScript eine bessere Lösung gibt.

Kann mir da jemand weiterhelfen?

1 Antwort

threadi

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Internet, HTML

22.10.2016, 15:58

Das input-number-Feld was Du verwendest ist durchaus brauchbar. Leider ist die Browserunterstützung nicht allzu groß, weshalb es durchaus von Vorteil ist auch per JavaScript die Eingabe zu prüfen.

Hier findest Du einige passende Beispiele mit JavaScript:
http://stackoverflow.com/questions/469357/html-text-input-allow-only-numeric-input

Woher ich das weiß:Berufserfahrung – mit dem Internet verbunden seit 1993

Ähnliche Beiträge

Regex-Pattern mit Punkt oder Komma?

Hallo,

ich bin gerade dabei, ein wenig zu programmieren. In meinem HTML-Code gibt es ein Input-Element, in das Preise eingegeben werden sollen, die ich später mit PHP verwerte. Ich habe bisher diese Regex-Pattern genutzt. ^\d*(\.\d{0,2})?$
Die funktionierte auch wunderbar, aber lässt eben nur Punkte als Dezimaltrennzeichen zu. Nun will ich aber auch Kommas zulassen und habe daher das hier geschrieben ^\d*((\.|,)\d{0,2})?$.
Diese Pattern will aber nicht funktionieren und lässt jetzt gar nichts mehr zu. Woran liegt das?

Vielen Dank im Voraus

...zum Beitrag

JavaScript: Wie kann ich den Wert eines Eingabefelds bereits während der Eingabe prüfen?

Hey Leute, ich habe eine Frage zu JavaScript.

Ich möchte gerne, dass mein input-Feld number, das, wenn das erste getippte Zeichen eine Zahl ist, eine alert-Meldung ausgibt und sagt, es ist eine Nummer. Wenn es ein Buchstabe ist, dann soll es sagen, dass es ist keine Zahl ist.

Es soll direkt bei Eingabe geprüft werden und nicht erst, nach Klick auf etwas oder so ähnlich.

Ungefähr so:

listener

if (erstes Zeichen eine Nummer) {
  alert("es ist eine nummer");
else {
  alert("es ist keine nummer");
}

...zum Beitrag

JavaScript: Text nach Button-Klick in Textfeld?

Ich habe so eine Seite :

<li class="items">
    <p>some text 1</p>
    <div><button class="link" value="1">Wählen</a></div>
</li>
<li class="items">
    <p>some text 2</p>
    <div><button class="link" value="2">Wählen</a></div>
</li>
<li class="items">
    <p>some text 3</p>
    <div><button class="link" value="3">Wählen</a></div>
</li>



<form action="send" method="POST">
    <input type="text" name="text" id="text" required>
    <input type="number" name="zahl" id="zahl">
    <button type="submit" name="submit">Senden</button>
</form>

oben sind mehrere Texte mit je einem Button zum Auswählen (derzeit ohne funktion). Unten ist dann ein Formular und man kann selbst die Zahl des Textes dort eintragen.

Jetzt will ich das aber für leute vereinfachen und ermöglichen, dass man einfach auf den jeweiligen Button klickt und dann die Zahl (das value des Buttons) in das textfeld "number" eingetragen wird. Wie kann ich das mit javascript machen ? außerdem sollte der cursor direkt in das textfeld "text" gehen.

...zum Beitrag

Formular mit Javascript bearbeiten?

Hallo, ich habe ein formular mit einem select und méchte je nach auswahl des benutzers die nächsten zwei Formulareingaben entweder einblenden oder ausblenden. Geht da mit Javascript?

Hier das Formular:

 <form class="form" method="POST" action="./?route=admin/module/create" enctype="multipart/form-data">
    <input type="hidden" name="csrf_token" value="<?php echo csrf_token(); ?>" />
    <input type="hidden" name="parent" value="<?php echo $parent["parent"]; ?>" />
    
    <label for="modules-create-title">Titel:</label><br />
    <input type="text" name="title" id="modules-create-title" value="<?php if(!empty($_POST['title'])) echo e($_POST['title']); ?>" /><br /><br />


    <label>Art des Moduls <br>
        <select name="module" size="1">
            <option value="slideshow">Slideshow</option>
            <option value="image_left_prev">About Vorschau mit Bild</option>
            <option value="reviews">Kundenmeinungen</option>
            <option value="contact_form">Kontaktformular</option>
            <option value="productcards">Angebote</option>
            <option value="content">Textfeld mit Titel</option>
            <option value="landingpage">Landingpage</option>
            <option value="content_right">Textfeld rechts mit Bild</option>
            <option value="content_left">Textfeld links mit Bild</option>
        </select>
    </label><br /><br />


    <label for="modules-create-picture">Hintergrundbild:
        <input name="image" type="file" id="modules-create-picture" size="50" accept="text/*"> 
    </label> <br /><br />


    <label for="editor">Text</label><br />
    <textarea id="editor" name="content" cols="35" rows="20"></textarea> <br /><br />



    <input type="submit" value="Speichern" />
</form>

...zum Beitrag

Html Input in Javascript ausgeben?

Ich würde gerne einen HTML Input Text in Javascript ausgeben lassen.

Dazu habe ich bereits ein Script erstellt, in dem ich einer Variable den Wert des HTML Input gebe(Es geht um die Variable "VorName"), mit Hilfe von "document.getElementById". Allerdings will die Variable den Wert nicht annehmen/ändert ihn nicht.

Ich habe auch onclick angewendet

Warum funktioniert das nicht? ) :

Danke im voraus für Tipps und Hilfe

...zum Beitrag

Warum werden Pflichtfelder in einem HTML-Formular auf dem PC erkannt und auf einem Smartphone ignoriert?

ich versuche gerade auf einer Homepage in einem Formularfeld Pflichtfelder einzubauen. Per PC funktioniert das auch wunderbar mit der Anweisung "required" bzw. input type="email" ... aber auch einem mobilen Endgerät lässt sich das Formular trotzdem einfach ohne Ausfüllen der Felder senden ... Ich weiß leider nicht weiter :(

Hier der Code dazu:

Name:

E-Mail:

Betreff:

Nachricht:

Hat wer eine Idee?

...zum Beitrag

Komma in HTML input?

Hey,

ich programmiere zurzeit an einer Webseite bei der, der Besucher der Webseite einen Preis in das Input Feld eingeben muss welcher dann mit Js umgerechnet wird. Allerdings funktionieren nur Zahlen welche mit getrennt sind (12.50€). Da meine Webseite aber deutsch ist werden die meisten User vermutlich eine Zahl mit Komma eingeben (12,50€). Die wird aber leider nicht erkannt und als Ergebnis kommt NaN€.

Habe jetzt schon lange das Internet durchsucht aber nichts gefunden, weiß jemand von euch wie ich den Fehler beheben kann?

Danke im voraus :)

...zum Beitrag

JavaScript - Formularfelder hinzufügen?

Guten Morgen,

ich suche einen Weg, um einem HTML-Formular ein weiteres "Paket" an Feldern hinzuzufügen.

"Paket" soll beinhalten:

<label style="float: left;">Antwort%: <input type="text" name="antwort%" </label><fieldset><input type="radio" id="true%" name="status" value="1"><label for="true%">Richtig</label> <input type="radio" id="false%" name="status" value="0"><label for="false%">Falsch</label></fieldset><br>

...dabei sollen die %-Zeichen durch einen Zähler ersetzt werden -> Neue Feld = counter++

Gibt es dafür ein einfaches(!) Skript...

Will nur einen Button zum hinzufügen... im Backend kann ich mit PHP prüfen ob von den 10 hinzugefügten Feldern auch wirklich alle ausgefüllt sind.

Wäre sehr dankbar wenn mir jemand helfen könnte

Skill:

HTML - ja

PHP - ja

JavaScript- Nein :(

...zum Beitrag

JavaScript Funktion Summe?

Hallo ich möchte ein einfaches Programm scheiben was von zwei input feldern die Zahlen nach button Bestätigung zusammenrechnet. Bin mir bei meinem Code nicht sicher. Es addiert die Zahlen nicht sondern schreibt sie zusammen. 1+2=12

<script>
function summe()
{
var z1=document.getElementById('zahl1').value;
var z2=document.getElementById('zahl2').value;


var ergebnis= (z1+z2);
document.write("Das Ergebnis ist:"+ ergebnis);
}
</script>
<input type=text id="zahl1">
<input type=text id="zahl2">
<input type=button onclick="summe()" value="=">
</body>

...zum Beitrag

Javascript: Funktion nur ausführen wenn bedingung stimmt?

ich habe dieses JS :

function Rechner(){
	var x=document.getElementById("laenge").value;
	var y=document.getElementById("breite").value;
	document.getElementById("flaeche").value = xy;
}

jedes input hat das Attribut :

oninput="Rechner(this.value)"

Doch er soll die flaeche im Input nur ausgeben wenn wirklich laenge und breite ausgefüllt sind. derzeit zeigt er erst noch 0 an wenn nur 1 stimmt.

wie geht das ? kann man da irgendwie noch sagen "if isset laenge & breite" ?

...zum Beitrag

Mit Input Element rechnen (JavaScript)?

Ich fange gerade an, programmieren zu lernen (HTML, Js, CSS) und bin gerade dabei eine Website zu coden, die Meilen in Kilometer umrechnet. Man gibt beim Input Feld die Meilen ein und wenn man den Button Convert drückt sollen diese in Kilometern angegeben werden. Bei der Js Funktion mit dem Button kommt allerdings immer NaN (Not a Number) heraus, wenn ich mit dem Eingegeben weiterrechnen möchte. Wisst ihr wie man den String von der Eingabe zu einem Zahlenwert machen kann, sodass die Funktion damit weiterrechnen kann? Danke

...zum Beitrag

Mehrere Parameter durch einen Button ausgeben in Javascript?

Ich lerne gerade Javascript mit einer Tutorial Reihe und der Mann im Tutorial hat mehrere Parameter benutzt um einen Liebes Test zu Programmieren. Ich wollte dann das man erst einen Knopf drücken muss um das Ergebnis angezeigt zu bekommen. Aber es funktioniert nicht denn wenn ich auf den Button drücke, passiert nichts. woran liegt das ? Das ist mein Code: (Die formatierung ist eigentlich anders)

<!DOCTYPE html>

<html>

<head>

</head>

<body>

function LiebesTest(name1, name2){

document.write(name1 + " und " + name2 + " haben " + punkte + " Punkte ");

var punke;

punkte= (name1+name2).length;

}

LiebesTest("Filme", "serien");

</script>

<form>

<input onclick="text" type="button" value="Test!"

</form>

</body>

</html>

...zum Beitrag

Checkbox Farbe ändern bei onclick JavaScript/CSS?

Wie ändere ich die Farbe der Checkbox ?

Bei mir ist standartmäßig der background in einem blauton und der haken weiß.

Habe schon versucht zu googeln und dort stand das eine input type=checkbox kein richtigen hintergrund hat. Ist es nicht irgendwie möglich die Farbe bei "checked" grün zu stellen und beim nicht klicken rot.

...zum Beitrag

HTML input textfeld type=number nachkommastellen

welchen type muss man in html einem input textfeld zuweisen, sodass es nur zahlen mit 2 nachkommastellen akzeptiert?

mit type="number" kommt bei mir immer ungültiger wert wenn ich kommazahlen eingebe. sowohl mit . als auch mit ,

...zum Beitrag

Was möchtest Du wissen?

Deine Frage stellen