Jquery表单提交错误

时间:2012-08-02 18:13:30

标签: jquery forms form-submit

我是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脚本。书上说回归虚假;会阻止这种情况,但它不起作用,当我输入文字时,我们说quan但不输入价格和税收价格和税收的错误出现,但是quan中的文本输入文本不会停留。任何帮助都会受到赞赏,对我来说很容易,这是我第一次使用jquery。

1 个答案:

答案 0 :(得分:0)

试试..

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