HTML中的Javascript函数未调用

Question

我有一个html页面，其中的javascript下面写在了头部，

<script>
    function validateForm() {
    var apple = document.getElementById('apple').value;
    var err = 0;
    if (isNaN(apple)) {
        err += 1;
    }
    if (err != 0) {
        alert('Please check your input!');
        return false;
    } else return true; }}
 </script>

然后该表单如下所示：

   <form name="orderForm" onSubmit="return validateForm();" method="post">  
        <div class="input-control text span5">
              <input class="span5" type="text" placeholder="Each @ $4.9" id="apple" name="apple" onChange='checkApple(this.value)'>
    </div>
   </form>

当我提交表单时，即使输入的内容不是数字，也没有警告消息，我是否知道我的代码有什么问题？

Answer 1

您尚未关闭第一个打开支架。 我是否可以建议您改善格式（标签），以使其更容易看到这些错误。

Answer 2

您最后缺少一个右括号}。

Answer 3

function validateForm()
{
    var apple = document.getElementById('apple').value;
    var err   = 1;
    if(isNaN(apple)){
        err += 1;
    }
    if(err !=0){
        alert('Please check your input!');
        return false;
    }else{
        return true;
    }
}

您错过了最后2条}

Answer 4

<script>
    function validateForm()
    {
      var apple = document.getElementById('apple').value;
      var err   = 1;
      if(isNaN(apple)){
          err += 1;
      }
      if(err !=0)
          {
            alert('Please check your input!');
            return false;
        }
        else
        return true;
    }
</script>

为完成“}”结尾：(

Answer 5

您必须关闭js函数括号：

<script>
        function validateForm() {
            var apple = document.getElementById('apple').value;
            var err = 1;
            if (isNaN(apple)) {
                err += 1;
            }
            if (err != 0) {
                alert('Please check your input!');
                return false;
            }
            else
                return true
        }
</script>

Answer 6

尝试此操作并正确设置代码格式：您也忘记了main function关闭} 。

function validateForm() 
{
    var apple = document.getElementById('apple').value;
    var err   = 1;
    if(isNaN(apple)) {
       err += 1;
    }
    if(err != 0) {
       alert('Please check your input!');
       return false;
    }
    else {
        return true;
    } 
}