Evento Blur para armazenar input

[samueldev 0]

Iae galera .. Gostaria de pedir uma ajudinha galera, estou querendo salvar um input assim que determinado campo perca seu foco, pensei em usar alguma função e fazer isso por ajax, mas como eu poderia fazer isso ??

[juniorbezerra 6]

Mais ou menos assim:

 

pagina index.html

<script type="text/javascript">
  $(document).ready(function(){
	$("#email-check").change(function(){ 
		var email = $("#email-check").val();
		//var er    = new RegExp(/^[a-z0-9_\.\-]+@[a-z0-9_\.\-]*[a-z0-9_\-]+\.[a-z]{2,4}$/);
		var er = new RegExp(/^(([0-9]{3}.[0-9]{3}.[0-9]{3}-[0-9]{2})|([0-9]{11}))$/);
		
	  if(email == ''){
		$("#email-check").addClass("red");
		$("#status").html('<font color="#cc0000">Informe um e-mail!</font>');		  
	  }else if(!er.exec(email)){
		$("#email-check").addClass("red");
		$("#status").html('<font color="#cc0000">Informe um e-mail válido!</font>');
	  }else{
		$("#email-check").removeClass("red");
		$("#status").html('<img src="checar_jquery/img/loader.gif" alt="" /> Checando...');
		$.ajax({  
		  type: "POST",  
		  url: "check.php",  
		  data: "email="+ email,  
		  success:function(msg){  
			if(msg == 1){
			  $("#email-check").addClass("red");
			  $("#status").html('<font color="#cc0000">E-mail já cadastrado!</font>');
			}else{
			  $("#email-check").removeClass("red");
			  $("#email-check").addClass("green");
			  $("#status").html('<img src="checar_jquery/img/ok.png" alt="" />');
			}
		  }    
		}); 
	  return false;
	  }
	});
  });
</script>
<input type="text" name="email-check" id="email-check" /><span id="status"></span>

pagina check.php

if(isset($_POST['email'])){

  $email = $_POST['email'];
  $sql_check = "INSERT INTO tabela VALUES email = '$email'"; 
  $query = mysql_query($sql);

  echo 'Gravado com sucesso!!!';
}

Mais ou menos isso...