2017-02-08 1 views
0

Ich erstelle eine benutzerdefinierte js-Validator von Grund auf, ohne die Verwendung von Bibliotheken.überprüfen, ob der Benutzer Wert höher als 0 mit Vanille js eingefügt

Ich möchte einen numerischen input durch Überprüfung überprüfen, ob der Benutzer eingefügten Inhalte im input Tag groß ist als 0:

<label>Price 
    <input type="text" id="price" name="price"> 
</label> 

Versuch:

function price() 
{ 
    if (#price.value>0) 
     console.log('0.'); 
    else 
     console.log('Incorrect'); 
} 
+3

Du bist Sie müssen vanilla 'document.getElementById ('price')' verwenden, um auf Ihr Eingabeelement zuzugreifen. – lintmouse

+0

Also, was ist deine Frage? – Turnip

+0

Überprüfen Sie, ob der eingegebene Wert des Benutzers höher als 0 ist, mit reinem Vanilla. Js –

Antwort

-1
function price() 
    { 
    var price = document.getElementById("#price"); // get the element 
    if (isNaN(price.value) || price.value <= 0) // if the value is not a number or is less than 0 
     console.log('Incorect'); 
    else // otherwise 
     console.log('Correct'); 
    } 
1

Wäre dies nicht funktioniert:

if(price.value.match(/^[0-9]+$/) && +(price.value) > 0){

ich bin nicht ganz sicher, wofür das Hash-Symbol verwendet wird, also habe ich es in meinem Beispiel entfernt. Es sei denn, Sie versuchen, die ID zu finden, in denen würden Sie wie so für das Element suchen:

var price = document.querySelector("#price");

+0

Dies funktioniert nicht. Ausgaben Fehler 'kann nicht lesen, Eigenschaft von null' –

-1

Wie wäre es mit etwas Derartiges

var price = document.getElementById("price").value; 
    if (parseInt(price) > 0 && !isNaN(price))) 
     { 
     // then do something 
     } 
    else 
     { 
     // else do something 
     } 
+0

@ down Wähler, wenn Sie unten jede Frage abstimmen erklären und einige konstruktive Kommentare über das Problem. – MMK

Verwandte Themen