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に入力されたテキストは残りません。jquery を使用するのはこれが初めてです。

Answer 1

試す ..

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