2011-01-13 18 views
7

Greetings,JQuery thoại di động - Đăng một hình thức và nhận được phản hồi

Tôi có jquery trang di động sau:

<div data-role="content"> 
    <center> 
    <img src="./images/logo320.png" /> 
    </center> 

    <br><br> 

    <form method="POST" action="./ajax/login.php"> 
     <label for="login_unameLabel">Username:</label><br> 
     <input type="text" name="login_uname" id="login_uname" /><br> 

     <label for="login_pwordLabel">Password:</label><br> 
     <input type="password" name="login_pword" id="login_pword" /><br> 

     <button id="login_submit" type="submit" data-theme="a">Submit</button> 
    </form> 
</div> 

./ajax/login.php trả về hoặc "OK" hoặc "NOK". Làm thế nào tôi có thể nắm bắt kết quả này trong trang của tôi?

tôi tiếp tục nhận được lỗi sau đây trong Firebug:

k.data ([Break On Error này] false) a.mobile.activePage = k; h (k); y & & D & ... đ (k) .removeClass (" ra ngược lại" +

Nó như thể jquery di động đang thực hiện một số hoạt động trên kết quả? tôi không muốn điều này xảy ra. tôi trả lại điện thoại di động jquery hợp lệ Trang HTML từ PHP của tôi?

Bất kỳ thông tin chi tiết nào được đánh giá cao.

Nhiều cảm ơn trước,

Giải pháp: sử dụng <input type="button" id="login_submit" data-theme="a" value="Submit" />

Bây giờ tôi có thể chụp nhấp sự kiện qua:

<script> 
$(document).ready(function() { 
    $("#login_submit").click(function() { 
    alert('clicked'); 
    }); 
}); 
</script> 
+0

Bạn có làm việc này không? –

+0

Bạn có thấy giải pháp của tôi ở trên không? – Eamorr

+2

Bạn nên sử dụng jQuery Mobile theo cách nó được thiết kế, và đó là với 'nâng cao tiến bộ' trong tâm trí. Toàn bộ ý tưởng là tạo một trang có thể hoạt động ngay cả khi không có javascript. Do đó tôi sẽ trả lời - bạn nên trả lại nội dung trang đầy đủ sau khi gửi biểu mẫu đăng nhập. Đó là cách internet luôn làm việc ... – naugtur

Trả lời

9

sử dụng data-ajax="false" trong mẫu.

sau đó bạn có thể tắt tính năng gọi điện thoại di động jquery tự động jquery

Các vấn đề liên quan