jquery表單提交錯誤

我是jquery的新手，正在編寫一本書，但看起來似乎無法讓這個工作。我已經在php中創建了這個計算腳本，但是如果用戶啓用了javascript，我寧願使用它。這裏是代碼直接從書中我用jquery表單提交錯誤

$(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。

來源

2012-08-02 Conner Burnett

我可以建議您使用[jQuery驗證（http://bassistance.de/jquery-plugins/jquery-plugin-validation/）呢？這是一個很棒的驗證庫。 – Mathletics 2012-08-02 18:16:32

我會研究一下，但是，我試圖從這本書學習基礎知識，但我沒有得到任何地方，因爲它不工作大聲笑。 – 2012-08-02 18:22:09

嘗試..

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

來源

2012-08-02 18:18:02

這工作保持在那裏的文字，但沒有刪除錯誤，一旦文字輸入，仍然沒有結果計算。 – 2012-08-02 18:21:17

你在你的錯誤中幾乎沒有語法錯誤else..like this .. $（'＃priceerror'）.show（）..你忘了在所有錯誤情況下添加';'結尾相同 – 2012-08-02 18:27:06

謝謝@SJ GJ I修復那些，仍然沒有輸出結果和錯誤仍然沒有消失:(這是令人沮喪 – 2012-08-02 18:34:18

jquery表單提交錯誤

回答

相關問題