jquery - Jquery 表单提交错误

Question

我是 jquery 的新手，并且正在写一本书，但似乎无法让它发挥作用。我已经在 php 中创建了这个计算脚本，但是如果用户启用了 javascript，我宁愿使用它。这是直接来自我使用的书的代码

$(document).ready(function() {

$('.errorMessage').hide();


$('#area').submit(function() {
    var quan, price, tax, total;
    if ($('#quan').val() > 0) {
        quan = ('#quan').val();
        $('#quan1').removeClass('error');
        $('#quanerror').hide();
    } else {
        $('#quan1').addClass('error');
        $('#quanerror').show()
    }
    if ($('#price').val() > 0) {
        price = ('#price').val();
        $('#price1').removeClass('error');
        $('#priceerror').hide();
    } else {
        $('#price1').addClass('error');
        $('#priceerror').show()
    }
    if ($('#tax').val() > 0) {
        tax = ('#tax').val();
        $('#tax1').removeClass('error');
        $('#taxerror').hide();
    } else {
        $('#tax1').addClass('error');
        $('#taxerror').show()
    }
    if (quan && price && tax) {
        total = quan * price;
        total += total * (tax/100);

        $('#results').html('The total is <b>$' + total + '</b>');
    }
    return false;
    }); // end submit
    }); // end function

错误工作得很好，但它不会打印出结果，而是会转到 math.php 脚本。书上说return false；会阻止这种情况，但它不起作用，当我输入文本时让我们说 quan 但不是输入 price 和 tax，会出现 price 和 tax 的错误，但在 quan 中输入的文本不会留下。任何帮助将不胜感激，对我来说很容易，这是我第一次使用 jquery。

Answer 1

尝试 ..

 $('#area').submit(function(e) {
      e.preventDefault();
      // your code here
  });