使用onblur函数我首先假装加载数据(使用加载轮gif)然后给用户响应。它适用于IE和Firefox,但不适用于Chrome。这怎么可能?我粘贴代码:
<form>
<input name="username" id="username" type="text"/><span id="gif"><span>
<span id="user_error"></span><br><br>
<input name="submit" type="submit" value="Register" id="submit" />
</form>
<script type='text/javascript'>
$(document).ready(function(){
$("#username").blur(function(){
if($("#username").val().length == 0) {
$('<img src="..." />').prependTo('#gif').fadeOut(1000,function() {
$("#user_error").html("Enter a username");
return false;
});
}else {
$('<img src="..." />').prependTo('#gif1').fadeOut(1000,function(){
$("#user_error").html("OK!");
return true;
});
}
});
});