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.
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
Post a Comment