2011-12-03 48 views
1

我有一個登錄表單。當用戶按登錄時,jQuery會檢查這些字段是否爲空。如果他們不是空的id,請將我的表單提交給名爲login_action.php的頁面。我不確定如何做到這一點。如何使用jQuery提交登錄表單

這裏是我的JavaScript代碼:

<script type='text/javascript'> 
$(document).ready(function() { 
    $('#login').click(function() { 
     if(!$(':text').val()) { 
      $('#errors').text('enter a username and password'); 
     } else { 
      // This is where I'd like to redirect 
     } 
    }); 
}); 
</script> 

回答

3

只要提交形式:

$('#yourformsid').submit(); 
0
window.location = "http://www.google.com/" 

在這裏閱讀更多: http://www.tizag.com/javascriptT/javascriptredirect.php

+0

這不會將值(用戶名/密碼)發送到目標頁面。 –

+0

@KlausByskovHoffmann - OP確實詢問如何「重定向」。這個術語並不意味着發送登錄值 - 這意味着要去一個新的頁面。也許OP使用了錯誤的術語,但Landon回答了問題。 – jfriend00

+0

我用了錯誤的名詞。抱歉。提交表單是完美的解決方案 – kirby

1

首先,你應該action='login_action.php'id='myFormId'設置屬性表單標籤,然後是mo dify你的代碼爲:

 <script type='text/javascript'> 
      $(document).ready(function(){ 
       $('#login').click(function(){ 
        if (!$(':text').val()){ 
         $('#errors').text('enter a username and password'); 
        } else { 
         //this is where i'd like to redirect 
         $("#myFormId").submit(); 
        } 
       }); 
      }); 
    </script> 

PS:在#login按鈕不能成爲submitbutton類型。或者如果它是submit,則應該添加return false;,如果您不想重定向,並且return true;它會將表單張貼到您在action屬性中設置的地址。