2017-02-08 7 views
0

私は、ライブラリを使用せずに、カスタムjsバリデータを最初から作成しています。ユーザがバニラjsで0以上の値を挿入しているかどうかをチェック

私はinputタグ内のユーザー挿入されたコンテンツが0より偉大であるかどうかをチェックすることによって、数値inputを検証する:

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

試み:

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

のようないくつかのことについてバニラ 'document.getElementById( 'price')'を使用して入力要素にアクセスする必要があります。 – lintmouse

+0

あなたの質問は何ですか? – Turnip

+0

純粋なバニラjs –

答えて

-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

はこの動作しないでしょう。

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

ハッシュ記号がどのように使用されているのかよく分からないので、私の例でそれを削除しました。あなたがそうのような要素を探す必要があろうにIDを見つけようとしている場合を除き:

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

+0

これは機能しません。あなたが何らかの質問を投票していない場合、出力に関するエラー 'nullのプロパティを読み取ることができません' –

-1

どのようにしていること

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

@ダウン投票者問題についてのいくつかの建設的なコメントを説明してください。 – MMK

関連する問題