Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/464.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在运行计算之前验证表单_Javascript_Forms_Validation_Input - Fatal编程技术网

Javascript 在运行计算之前验证表单

Javascript 在运行计算之前验证表单,javascript,forms,validation,input,Javascript,Forms,Validation,Input,我正在做一个简短的项目,其中提交了两个数字。一个人必须至少100岁,一秒钟不能超过100岁。运行三次计算,然后打印回 我尝试了各种方法,但我无法让javascript停止提交无效数字的函数。表单将返回0,但这是迄今为止我发现的最好结果 我想做的是: 输入数字 验证数字-如果无效,立即停止,打印错误-如果有效,继续 继续计算 打印结果 代码笔: 一种方法是让checkNumbers返回可以在if语句中检查的内容,以决定是否继续处理。您当前的代码调用计算,而不管checkNumbers中发生了什么

我正在做一个简短的项目,其中提交了两个数字。一个人必须至少100岁,一秒钟不能超过100岁。运行三次计算,然后打印回

我尝试了各种方法,但我无法让javascript停止提交无效数字的函数。表单将返回0,但这是迄今为止我发现的最好结果

我想做的是:

  • 输入数字
  • 验证数字-如果无效,立即停止,打印错误-如果有效,继续
  • 继续计算
  • 打印结果
  • 代码笔:


    一种方法是让
    checkNumbers
    返回可以在
    if
    语句中检查的内容,以决定是否继续处理。您当前的代码调用
    计算
    ,而不管
    checkNumbers
    中发生了什么


    此外,检查数字字段的测试是错误的:如果其中一个不是有效的数字,则其
    值是一个空字符串。

    checkNumbers
    函数调用
    Calculate
    函数

    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();
        }
    }
    

    您可以将您的单击更改为如下所示:

    if(checkNumbers()){calculate();compare();food();}
    
    并使函数checkNumbers()在一切正常时返回true,在出现错误时返回false

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