2011-12-03 6 views
1

私はログインフォームを持っています。ユーザーがloginを押すと、jQueryはフィールドが空であるかどうかを確認します。それらが空でない場合は、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

 <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:としてあなたのコードをdify #loginボタンがsubmitが、buttonのタイプであってはなりません。またはsubmitの場合は、属性に設定したアドレスにフォームを投稿/取得するには、return true;をリダイレクトしたくない場合はreturn false;を追加する必要があります。

関連する問題