2011-11-14 14 views
0

私はログインフォームを持っています。間違いなく、ユーザー名/パスワードを受け入れます。私は2つのボタン、送信ボタンとキャンセルボタンを持っています。 私がしたいのは、ユーザーが[送信]ボタンをクリックすると、ログイン要求が処理を開始することです。ユーザーはログイン画面を8〜10秒間表示できます。彼がキャンセルボタンをクリックすると、フォーム提出をキャンセルすることができます(ログインのキャンセル)。ボタンをクリックしたときにフォーム提出をキャンセルする

どうすればよいか教えてください。私はjs関数があるかもしれないが、私は何も遭遇していないことを知っている。ありがとうございます!

+1

遅延は、既にサーバーに送信され、処理を待っている要求にある場合、それは可能ではないと私は考えています。 –

+0

あなたは8-10秒かかりますか?それは通常のログインプロセスのようには聞こえません。実際にデータを送信する前にクライアント側の待機がありますか? –

答えて

2

あなたが試してみました:ここ

function cancel() { 
    document.execCommand('Stop') 
} 

<input type = "button" name="cancel" value = "cancel" onclick = "cancel()" /> 
+0

それは働いた..ありがとう – Ashwin

+0

問題ない.. !!! –

0

ユーザーがログイン要求を送信すると、要求と認証はPHPのようなサーバーサイドのスクリプトで処理する必要があります。そのため、キャンセルボタンのリンクを別のサーバーサイドスクリプトに挿入します。このスクリプトはユーザーをログアウトさせます。彼がすでにログインしている場合、彼はログアウトしてキャンセルが機能します。それ以外の場合、何も起こらないことがなければ、スクリプトは何もしないで終了します。

0

は、あなたがこの独自の のHTMLコード

<form name="f1" action="test.jsp" method="get"> 
    username:<input type="text" name="username"> 
    password:<input type="password" name='password'> 
    <input id="sub" type="submit" name="subm" value="subm"> 
    <input id="reset" type="button" name="reset" value="reset"> 
</form> 

とjQueryコード

$(document).ready(function() 
      { 
       $('#sub').click(function(){ 
          $('form [name="f1"]').submit(); 

         }); 
       $('#reset').click(function(){       
          $('input[name="username"]').val(''); 
          $('input[name="password"]').val(''); 

         }); 
      }); 

を作成することができ、これに簡単な例ですはただ参照して、あなたは修正して、あなたの要件に応じて

+0

これはリセットボタンの機能です。私たちはそれのためのjavascriptを書く必要はありません。 – Ashwin

0

私の提案を作成することができます

  1. ボタンが最初に隠されている「キャンセル」を。

  2. 「ログイン」ボタンをクリックすると、ログイン要求を送信し、「ログイン」ボタンを非表示または無効にし、「キャンセル」ボタンを表示します。その後、通常のログイン手続きのためのセットアップデフォルトのハンドラを:

    $.post('login', params, function(){handler.loginCallback()});

  3. 「キャンセル」ボタンをクリックすると、別の手順でハンドラを置き換える:ログインに失敗した場合は

    handler.loginCallback = function() { ... }

    は、何もしません;ログインに成功した場合は、別のログアウトリクエストを送信してください。

関連する問題