計算を実行する前にフォームを検証します

Question

私は2つの番号が送信される短いプロジェクトに取り組んでいます。 1つは100以上でなければならず、1秒は100を超えることはできません。3つの計算が実行されてから印刷されます。

私はさまざまな方法を試しましたが、無効な番号が送信されたときに機能を停止するためのJavaScriptを取得できません。フォームは0を返しますが、それは私が今までに見つけた最高です。私がやろうとしている何

：

1. が無効-if数
2. 検証番号を入力し、現在有効な-If印刷エラーを停止し、
3. 続ける計算
4. 印刷結果を続行

Codepen：http://codepen.io/uggh/pen/bpvmdz

function checkNumbers() { 
    if (isNaN(sqft.value) == true) { 
    returnError.innerHTML = "Please insert number A"; 
    } else if (isNaN(desired.value) == true) { 
    returnError.innerHTML = "Please insert number B"; 
    } 
} 

Answer 1

があなたののonclickこのように見えるように変更することができますcheckNumbers機能から

function checkNumbers() { 
    if (isNaN(sqft.value) == true) { 
    returnError.innerHTML = "Please insert number A"; 
    } else if (isNaN(desired.value) == true) { 
    returnError.innerHTML = "Please insert number B"; 
    } 


else{ 
    return calculate(); 
    } 
} 

Answer 2

checkNumbersは、処理を続行するかどうかを決定するためにifステートメントでチェックすることができます。現在のコードではと呼ばれ、checkNumbersの内部で何が起こっても問題ありません。

また、番号フィールドを確認するためのテストは間違っています。有効な番号でない場合は、valueは空の文字列です。

Answer 3

をごCalculate関数を呼び出します場合は、true

if(checkNumbers()){calculate();compare();food();} 

と（あなたの関数checkNumbersを作る）リターンをエラーがあればすべてが良いと偽です。