2

「ログイン成功！」と表示されるテキストエリアを変更したい。または「ログインに失敗しました！」HTMLフォームのログインボタンが押された後。ログインボタンを押すと、テキストエリアがフェードインするはずです。

ログインが成功した場合、このテキストエリアの背景は黒のフォントで緑に変わり、メッセージが表示されます。

失敗した場合は、テキストエリアを赤と白のフォントに変更し、(エラー ハンドラを使用して) エラー メッセージを表示する必要があります。

デフォルトでは、このテキストエリアは非表示になっています。

ユーザー/パスワードが見つかったかどうかにかかわらず、サーバーからコールバックを受け取ることに注意してください。ただし、これは後で実装される予定です。したがって、 login_submit ボタンがクリックされたときに、ランダムな「true」または「false」を送信したいだけです。

これは私のHTMLコードです:

<div data-role="content">

<form method="POST" data-ajax="false">
<label for="login_username">Username:</label>
<input type="text" name="login_username" id="login_username"/><br>

<label for="login_password">Passwort:</label>
<input type="password" name="login_password" id="login_password"/><br>

<input type="submit" id="login_submit" value="Login" /><br>
<input type="reset" id="login_reset" value="Reset"><br>
</form>

 <textarea id="message" style="color: white; 
 background-color: grey; visibility: hidden"  readonly> Default </textarea>

</div>

これは私のjqueryモバイルコードです:

$(document).ready(function(){ 

$('#login_submit').click(function(){

     $('message').change(function(success) {

     //How do I receive a variable from the html code?
     //success should be random either true or false
     //success variable is a callback from the server, but is not implemented yet


      if(success == true) {

      //I don´t know what to write in here, it should fade in the text area, 
      //change the background to green with white font and 
      // display the message  "Successful login!"
      } 

      if(success == false) {
      //error handler, 
      //change the background to green with white font and 
      // display the error message (if possible), otherwise "Unsuccessful login!"
      }

 });

});

コードに何を追加すればよいか誰か教えてもらえますか?

どうもありがとうございました！

4

3 に答える 3

0 
if(success == false) {
      $('#message').css("background-color","red");
      $('#message').css("color","white");
      $('#message').text('whatever text you want');
      $('#message').show();
}
else {
     $('#message').hide();
}
于 2013-05-10T13:02:14.250 に答える