0


0

こんにちは、私はWebサイトに人々をログインさせるのに使用されるHTMLフォームを使用しています、私はそれがAJAX(jQuery)を使用するように構築していますが、私はいくつか問題を抱えています。

これがJavaScriptです。

function validateLoginDetails(){$( '[name = loginUser]')。(function(){$( "#mainWrap")。css({width: "600px"、height: "200px"}); $( " #interfaceScreen ")。load(" modules / web / loginForm.php?username = "encodeURIComponent(username)")

これはhtml形式です:

ユーザー名


パスワード

問題は、フォームを送信してコードを実行した後に元の状態に戻ると、奇妙に思えるかもしれませんが、divサイズが変更されて元のサイズに戻った直後にわかるためです。

何か案は?

編集:たとえば、私が以下のリンクでコードを実行するならば、それはうまく働きます。

かっこいい

4 Answer


4


AJAX呼び出しを行った後に実際のフォーム送信を実行しないように、ハンドラーからfalseを返す必要があります。

これが私のやり方です。

$(function(){$( '#formLogin')。submit(function(){$( '#mainWrap')。css({width: '600px'、height: '200px'}); $ .post( ' modules / web / loginForm.php '、$(this).serialize()、function(data){$('#interfaceScreen ')。html(data);}); return false;});});

私は、URL(ユーザー名とパスワードを含む)がWebログに表示されないようにするために投稿を使用していることに注意してください。 私はまた、フォームを含むページがhttps経由でロードされたことを前提としているので、投稿も保護されます。