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 ,

3 Antworten

Nutzer, der sehr aktiv auf gutefrage ist

im Thema HTML

05.10.2013, 16:48

Dafür gibt es kein extra Input Typ. Zumindest ist mir keiner bekannt. Du kannst aber mit dem Attribut pattern arbeiten. Das erwartet einen regulären Ausdruck, der dann mit der Eingabe verglichen wird. Nur wenn der Ausdruck passt, ist das Feld dann valid. Hier mal ein Beispiel:

<input type="text" title="Nummer im Format xxxxx,xx" name="numer" value="" pattern="\d+(,\d{2})?" required="required">

Im Title kannst Du noch eine zusätzliche Erklärung abgeben, welches Format Du erwartest. Das wird dann in der Fehlermeldung mit angezeigt, zumindest beim FF. required="required" heißt, das Feld muss unbedingt ausgefüllt sein. Das kannst Du weglassen, wenn das Feld auch leer sein darf. Die Magic passiert bei pattern. Hier wird eine Zahl erwartet, Entweder ohne Komma oder eine mit genau zwei Kommastellen. Willst Du auch eine Kommastelle zulassen, heisst die Expession so:

pattern="\d+(,\d{1,2})?"

Möchtest Du immer ein Zahl mit Komma, dann lässt Du einfach das letzte Fragezeichen weg. Das funktioniert, alles natürlich nur mit Browsern die HTML5 unterstützen. Da Du aber schon mit verschiedenen Input Typen experimentierst, gehe ich davon aus, das Du eh für moderne Browser entwickeln willst.

verreisterNutzer

04.10.2013, 21:26

JavaScript nutzen, wenn's schon unbedingt im Browser sein muss. Denn wenn du Eingaben validieren willst um sie z.B. in einem PHP-Skript weiterzuverarbeiten ist das höchst unsicher.

rj45abqz

Beitragsersteller

04.10.2013, 21:33

muss nicht unbedingt im browser sein und ja es ist für ein php-skript.

verreisterNutzer

04.10.2013, 21:36

@rj45abqz

Dann lass es gleich in deinem PHP-Skript überprüfen. Ist die sicherste Lösung. Parallel kannst du auch noch JavaScript im Browser nehmen, damit solche Werte von Otto-Normal-Usern gar nicht erst eingegeben werden können, aber in PHP muss es sein.

rj45abqz

Beitragsersteller

04.10.2013, 21:42

@verreisterNutzer

dann muss ich in php jedes einzelne zeichen des strings überprüfen oder gibt es da eine bessere methode?

verreisterNutzer

04.10.2013, 21:49

@rj45abqz

Einen regulären Ausdruck zu verwenden wäre wohl das schlauste.

Verwendung:

if(preg_match('/^\d+,\d{2}$/', $eingabe) === 1){ passt } else { passt nicht }

(Der Pattern im Beispiel erfordert eine Zahl mit mindestens einer Stelle vor dem Komma, zwangsweise Komma und genau zwei Nachkommastellen)

Such dir mal die Bücher "Mastering Regular Expressions" und "Regular Expressions Cookbook" (beide bei O'Reilly) raus, falls du damit mehr anstellen willst – RegEx ist wirklich mächtig, es ist sagenhaft wie viel man damit anstellen und sich Schreibarbeit sparen kann.

cedricface

04.10.2013, 21:07

http://forum.de.selfhtml.org/archiv/2005/6/t109590/

Ähnliche Beiträge

Wie änder ich den style bei html input type number?

Das Problem ist nicht, die Height oder Width zu verändern, sondern dieses komische Teil, dass immer rechts in der Box ist, mit der man die Zahl verändern kann. Dieses Ding bleibt nicht proportional zu der Höhe des Inputs. Wie kann ich das ändern?

...zum Beitrag

HTML Input verdecken?

Hallo! Ich habe in HTML einen Input von Typ Text. Man sieht den Text, aber ich möchte, das man ihn angezeigt bekommt, als wäre es ein Passwort. Also mit *****.Ich kann aufgrund meines Javascript Codes ihn aber nicht als Typ Password(also <Input type="Password"> geht nicht) abspeichern. Kann ich den Text trotzdem irgendwie verdecken?

...zum Beitrag

Html Buttons mit Tastatur?

Hallo ich habe ein Input Feld mit dem Type Text und daneben eines mit dem Type Button und eigentlich funktioniert auch alles aber wenn ich im Textfeld bin und enter drücke soll das selbe passieren wie wenn ich auf den Button drücke aber stattdessen wird die Seite neu geladen?

...zum Beitrag

Textfeld vergrößern input html?

Hallo ich wollte fragen ob jemand weiß wie man ein Textfeld vergrößern kann? Wenn man eine input type=text hat? Also ich meine das die Höhe größer wird.

So z.b (man kann auch was reinschreiben)

...zum Beitrag

PHP: Ergebnis erst später aufdecken nach Antwort?

Hey,

ich habe folgenden html und php-Code.

<form action="Subtraktion (1).php" method="post" target="">
<table>
<tr>
<td><font face="Roboto Slab" size=+1>Anzahl der Aufgaben eingeben</font></td>
<td><input type="Text" name="z" value="" size="" maxlength=""></input></td>
<td align="center"><input type="submit"  style="font-family: 'Roboto Slab'"  background-color="black" name="y" value="Absenden"></td></tr>
</table>
<br>
</form>

<?php
if((isset($_POST['z'])) and (is_numeric($_POST['z'])))
{
$zahl = $_POST['z'];

{

 while($zahl>0)
  {

  $a = rand(5, 10);
  $b = rand(0, 5);
  $erg = $a - $b;
  $zahl = $zahl - 1;

  echo "<table class='Tab'>";
  echo "<table border='1'>";
  echo "<tr> <td>$a - $b = ?</td> <td><input type=\"Text\" name=\g\"  value=\"\">\n</td><td>$a - $b = $erg</td></tr>";
  echo "</table>";
}
}}

?>
</body>
</html>

Damit soll der Nutzer Aufgaben – so viel wie er anfangs ausgewählt hat, berechnet können. Die Aufgaben bestehen hierbei aus zufälligen Zahlen. Meine Frage wäre jetzt: wie ich es schaffen kann (mit eher einfachen Befehlen), den Code so zu schreiben, dass das Ergebnis – hier: $a - $b = $erg – erst enthüllt wird, sobald der Nutzer ins Textfeld seine Antwort zur Aufgabe eingegeben hat?

Hier nochmals die Stelle (auch oben zusammen mit dem gesamten Code sichtbar):

echo "<table class='Tab'>";
echo "<table border='1'>";
echo "<tr> <td>$a - $b = ?</td> <td><input type=\"Text\" name=\g\" value=\"\">\n</td><td>$a - $b = $erg</td></tr>";
echo "</table>";

Vielen Dank :)

...zum Beitrag

C++ 2 Wörter mit string ausgeben funktioniert nicht?

Ich möchte meinen Vor- und Nachnamen gleichzeitig eingeben und ausgeben.

Wenn ich nun Max Mustermann eingebe, wird mir aber nur Max ausgegeben....

#include <iostream>
#include <string>
using std::cout;
using std::cin;
using std::endl;
using std::string;

int main()
{
string input;
cout << " Enteger a integer number: ";
cin >> input;
cout << "You entered " << input << endl;
system("PAUSE");
return 0;
}

P.S. nicht wegen dem "integer number" aufregen.

...zum Beitrag

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

Wie kann ich in Thunderbird direkt HTML ins Textfeld eingeben?

Ich würde gerne die Einstellung so ändern, dass ich ins Nachrichtenfeld direktes HTML schreiben kann, leider weiß ich nicht wo diese Option ist.

...zum Beitrag

Wie löst man diese Pythonaufgabe?

Hi,

ich bin gerade dabei, meine Hausaufgaben zu machen, komme aber leider nicht weiter:

Die Fragestellung lautet:

Erstellen Sie ein Python-Programm, das Sinus, Kosinus und Tangens eines Winkels berechnen kann. Der Anwender soll dabei eine Zahl eingeben können und über ein kleines Menü auswählen, welche Berechnungen erfolgen sollen.

Wenn der Anwender eine ungültige Auswahl trifft, soll als Ergebnis „undefiniert“ ausgegeben werden.

Geben Sie das Ergebnis mit acht Nachkommastellen aus.

" " "
Soweit bin ich bisher gekommen
" " "
import math
operator = input("Wählen Sie Ihren Rechenoperator aus: ")
number = float(input("geben Sie Ihre Zahl ein: "))
print(math.pi)
if math.sin(30):
  print(math.sin)
   
  if math.cos(50):
    print(math.cos)
     
    if math.tan(40):
      print(math.tan)
       
else: 
  print("undefiniert")
  zahl = 1.23456
  print(zahl, "aufgerundet ergibt", math.ceil(zahl))
  print(zahl, "abgerundet ergibt", math.floor(zahl))

...zum Beitrag

nur zahlen eingeben in input feld mit html?

Wie kann ich es verhindern, das man in ein input feld buchstaben und negative zahlen eigeben kann? bitte mit html

...zum Beitrag

HTML nur input Werte akzeptieren die mit 0 beginnen?

Wie schaffe ich es bzw wie lautet der Befehl mit dem ich nur input Werte akzeptiert werden, die mit 0 beginnen?

Z.B. Handynummer

bis jetzt habe ich :

<label>Handy</label> <input type="text" minlength="4" maxlength="10" solid start value="0" pattern="[0-9]{4-10}" name="Handy">

Danke !

...zum Beitrag

Wie kann ich einen Taschenrechner in Windows Forms mit Visual Basic Programmieren?

Hallo, ich möchte einen leichten Taschenrechner erstellen mit zwei Textfeldern in denen man ganze Zahlen oder Kommazahlen eingeben kann. Es sollen vier Button vorhanden sein mit +,-,* und/. Und mit einem Klick auf einem der Button soll die jeweilige Rechnung durchgeführt werden und in einem weiteren Textfeld ausgegeben werden. Wie kann ich dies realisieren habe Probleme mit den Variablen.

...zum Beitrag

Hallo, ich möchte in Python zwei int Werte mit einer If Abfrage vergleichen. Die Abfrage funktioniert aber nicht. Kann mir da jemand bitte helfen?

import random

#Function User Input

def validate_numeric(value_string, numeric_type=int):

"""Validate a string as being a numeric type"""

try:

return numeric_type(value_string)

except ValueError:

raise

#User Input Loop

global user_in

while True:

user_in = input('Please enter a number: ')

try:

result = validate_numeric(user_in, int)

except ValueError:

print('Please try again:')

continue

else:

break

#end of this loop

#Random Number

global num

num = random.randrange(1, 2, 1)

print('Die zufällige Nummer ist:',(num))

#Check if input and number are the same

if user_in == num:

print('Super, du hast die Nummer gefunden')

else:

print('Schade, das war nicht die Nummer')

Der erste Wert soll durch eine Benutzereingabe und der zweite Wert durch einen Random Number Generator kommen.

Das soll ein kleines Spiel sein, indem der Benutzer eine Zahl erraten soll

...zum Beitrag

HTML Check Textfeld Input Onclick?

Kann man irgendwie definieren, dass die Onclick aktion nur ausgeführt wird, wenn in 2 bestimmten textfeldern bestimmter text steht? Also, dass z.B. In Feld 1 "Test" steht und in Feld 2 "Tee" steht, dass man nur dann die Button onclick action ausführen kann und sonst nichts passiert? Möchte, dass wenn in beiden Textfeldern eine bestimmte sache steht, erst dann auf einen Button geclickt werden kann, welcher einen dann weiterleitet.

...zum Beitrag

Was möchtest Du wissen?

Deine Frage stellen