html - JQuery - Double Click Google chrome to errors div appear -


$('#login').click(function () {            var user = $('#user_email').val();      var pwd = $('#pwd').val();            if(user != "test" || pwd != "test"){           $('#errors').html("error");      }else{            $('#errors').html("hello");      }               });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>  <fieldset>      <legend>login:</legend>email:      <br>      <input type="text" id="user_email" value="">      <br>password:      <br>      <input type="password" id="pwd" value="">      <br>      <br>      <input id="login" type="submit" value="submit">  </fieldset>  <div id="errors"></div>

when run code on google chrome, first time put wrong credentials, error div appears , disappears automatically. second time error div appears , stay. why happening on google chrome. firefox works well.

demo

first of need add css hide or show div 1 below:

#errors{     display:none; } 

then show or hide 5 seconds delay or whatever time want below:

$('#login').click(function () {     var user = $('#user_email').val();     var pwd = $('#pwd').val();     if(user != "test" || pwd != "test"){          $('#errors').html("error").show('slow').delay(5000).hide('slow');//delay here 5 seconds , value 5000     }else{           $('#errors').html("hello").show('slow').delay(5000).hide('slow');//same above     } }); 

Comments

Popular posts from this blog

How to connect android app to App engine -

gcc - MinGW's ld cannot perform PE operations on non PE output file -

php - display validation error message next to the textbox in codeigniter -