2015-05-04 89 views
-1

好的,所以我有一些jQuery代碼,HTML和PHP我會發布給你們一個我正在使用的圖片。據我所見,一切都看起來不錯,但它不起作用。即使我的.preventDefault()也不會阻止表單提交。我認爲這與我使用bootstrap模型來保持他的形成有關,但是idk爲什麼會導致這個問題。雖然我沒有太多的使用bootstrap的經驗。 - 編輯我已阻止提交表單,只需要ajax部分的幫助。這是第一次使用ajax,從我一直在研究的所有東西中我都能找到它,但是我總是從ajax獲取錯誤消息。錯誤:function()每次被觸發,我不知道如何找出原因。在控制檯中查看的地方必須有一些語法錯誤,並且在運行時將用戶名和密碼變量賦值。jQuery Ajax表單驗證不起作用,不知道爲什麼

的jQuery:

$("#loginForm").submit(function(event) 
    { 
    event.preventDefault(); 
    if (($('#username2').val() != '') && ($('#password2').val() != '')) 
    { 
     var username = $('#username2').val(); 
     var password = $('#password2').val(); 
     //var dataString = 'username=' + username + '&password=' + password; 
     $('#errorMessage').fadeIn(400).html('<img src="http://192.168.1.78/mystery-machine/includes/images/icons/loading.gif"/>'); 
     $.ajax({ 
       type: "POST", 
       url: "http://192.168.1.78/mystery-machine/includes/verfiyLogin.php", 
       dataType: "text/html", 
       data: {username: username, password: password}, 
       error: function(){ 
        $('#errorMessage').html('<p>There was an error!</p>'); 
       }, 
       success:(function(data){ 
        if (data == 'correct') 
        { 

         window.location.replace('http://192.168.1.78/mystery-machine'); 
        } 
        else 
        { 
         $('#errorMessage').html(data); 
        } 
       }) 
     }); 

    } 
}); 

PHP:

<?php 

包括 '的functions.php';

$all_info = array(); 
$all_info[0] = $_POST['username']; 
$all_info[1] = $_POST['password']; 
$new_user = new gsn_login_object(); 
$new_user->login_start_up(); 
$new_user->set_user_data($all_info); 
$id = session_id(); 
$uID = @$_SESSION[$id]; 

if($new_user->login_user() == true) 
{ 
    echo 'correct'; 
} 
else 
{ 
    echo "The username and/or password you entered was incorrect!"; 
} 

?>

+0

如果.preventDefault()不起作用,有一些JavaScript錯誤,你會看到你的控制檯瀏覽器來檢查這個? – gabrieloliveira

+0

我已經得到了.prevent Default()現在可以工作,是的,你可以得到我的控制檯,將它添加到發佈。 –

+0

所以你的代碼現在工作? – gabrieloliveira

回答

3

那麼,如果你打開你的控制檯,我相信它有紅色指向線

$("#loginForm".submit(function(event) 
      ^^^ 

您錯過了截止一大錯誤信息)

我會在選擇器後指出缺失的)

$("#loginForm").submit(function(event) 
      ^^^ 
+0

中迴應的錯誤消息,我認爲)和;在使用這樣的匿名函數後出現在右括號中 –

+0

我現在明確地指出了它...... – epascarello

+0

對不起,我看到你在說什麼我正在查看我的代碼而不是我發佈的代碼。那是我的錯,它在我的.js文件中是正確的語法。我道歉 –