[JS] Input field value leeg bij ophalen

[Joostje123]

Ik heb een php form gemaakt, .

Ik moet onChange wat waarde aanpassen daarvoor gebruik ik Javascript:

Input field

code:

<input id="verkoopIndicatiePrijsPerUur" type="number" class="form-control" value="15.38">

Als ik dan de "38" weg haal. is de laatste character een komma:

code:

$("#verkoopIndicatiePrijsPerUur").on('input', function(){
    
    value = $(this).val();
    alert(value);

      // meer javascript 

}

Dan geeft de Alert niks terug.
Als het laatste getal een cijfer is geeft die gewoon het goede resultaat terug.

Wat doe ik fout....

[moijamie]

Probeer eens alert(String(value))

[Joostje123]

Lijkt niks uit te maken.

[Afvalzak]

Als je type number weghaalt om te testen, werkt het dan wel?

[Joostje123]

Dan lijkt die het wel te doen,
Helaas wordt het formulier voornamelijk op mobiel gebruikt.
En wil graag die wel zo houden...

[Caelorum]

Tja, wat moet "15." voor een getal zijn dan? punt wat? 0? 1? 2?
input number werkt nog niet in alle browsers even goed. In IE11 en Edge krijg je bijv. geen controls om het aan te passen. Nu is er wel een polyfill voor (die redelijk werkt), maar alsnog zal je zelf ook zorg moeten dragen dat er alleen getallen in komen te staan. Dus alle niet numerieke characters aan de voorkant en de achterkant van de string weghalen en dan zorgen dat er maar decimal seperator in de rest van de string staat.

[Afvalzak]

Ja, extra validatie toevoegen en misschien pas het veld gebruiken als je het volgende veld aanklikt (focusout ipv input)

[Shivs]

Heb je de functie wel goed afgesloten? In jouw voorbeeld mis je namelijk een ); achter de sluitende }

Voorbeeldje:

code:

$("#verkoopIndicatiePrijsPerUur").on('input', function(){

});

[TRON]

Probeer eens 'change' i.p.v. 'input'.

[BtM909]

Heb je dit probleem ook al Gegoogled?

• http://stackoverflow.com/...n-input-type-number-field
• http://jsfiddle.net/FBs4J/4/
• http://stackoverflow.com/...e-of-a-html5-number-input

Als je dat had gedaan, dan had je kunnen lezen dat

The value sanitization algorithm is as follows: If the value of the element is not a valid floating point number, then set it to the empty string instead.

Je hebt geen step ingesteld, dus de default staat op 1

Hier zie je ook een oplossing, die jou waarschijnlijk ook de goede richting op duwt:
http://stackoverflow.com/...float-input-type-in-html5

[Joostje123]

BtM909 schreef op dinsdag 09 februari 2016 @ 00:30:
Heb je dit probleem ook al Gegoogled?

• http://stackoverflow.com/...n-input-type-number-field
• http://jsfiddle.net/FBs4J/4/
• http://stackoverflow.com/...e-of-a-html5-number-input

Als je dat had gedaan, dan had je kunnen lezen dat

[...]


Je hebt geen step ingesteld, dus de default staat op 1

Hier zie je ook een oplossing, die jou waarschijnlijk ook de goede richting op duwt:
http://stackoverflow.com/...float-input-type-in-html5

Ik heb hier zeker wel op gegoogled, alleen googlen is ook een kunst.
En als je de termen niet precies weet, kom je hier niet zo makkelijk op.

Maar bedankt, voor de oplossing het werkt nu geweldig!