2012-02-19 78 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