2012-02-19 81 views
0

試圖對簡短的表單進行簡單的pre ajax-post驗證。這是正常工作,發佈數據完美,直到添加一個條件值檢查嘗試。JQuery Ajax Post提交 - 在ajax post或pop alert之前進行條件驗證

JQuery將動態地將值添加到表單中,直到用戶更改表單字段中的值並檢查默認值,因爲如果用戶留空或默認值,它們將被添加。

想法是(a)如果條件滿足,則對#tip和#num做一個簡單的條件,然後對THEN(b)ajax做一個簡單的條件。試圖保持這個簡單,不使用額外的插件或代碼。

我是否錯過了顯而易見的事情,或者說這種錯誤的方式呢?

function submitForm() { 

    if(($('#tip').val() != 'Enter Tip') 
      AND ($('#num').val() != 'ID number')) { 

    $.ajax({type:'POST', url:'populatedb.php', data:$('#TipForm').serialize(), success: function(response) { 
    $('.formresult').html(response); 
    $("#TipForm").hide(); 
    }}); 
    return false; 

     } else { 
      alert("Please fill all form fields"); 
     } 

    } // end submitForm() 

回答

1

我認爲你需要這條線

if(($('#tip').val() != 'Enter Tip' || $('#tip').val() !='') && ($('#num').val() != 'ID number' || $('#num').val() !='')) 

,而不是下面

if(($('#tip').val() != 'Enter Tip') AND ($('#num').val() != 'ID number')) 
+0

謝謝Herra,這是AND或絆了起來。您的回覆有助於突出顯示。 – Stuff 2012-02-19 19:52:24

+0

不客氣:-) – 2012-02-19 19:54:32