[JQuery] 表格post

<div id="contact_form"> 

<form name="contact" action=""> 

  <fieldset> 

    <label for="name" id="name_label">Name</label> 

    <input type="text" name="name" id="name" size="30" value="" class="text-input" /> 

    <label class="error" for="name" id="name_error">This field is required.</label> 

 

    <label for="email" id="email_label">Return Email</label> 

    <input type="text" name="email" id="email" size="30" value="" class="text-input" /> 

    <label class="error" for="email" id="email_error">This field is required.</label> 

 

    <label for="phone" id="phone_label">Return Phone</label> 

    <input type="text" name="phone" id="phone" size="30" value="" class="text-input" /> 

    <label class="error" for="phone" id="phone_error">This field is required.</label> 

 

    <br /> 

    <input type="submit" name="submit" class="button" id="submit_btn" value="Send" /> 

  </fieldset> 

</form> 

</div> 

var dataString = 'name='+ name + '&email=' + email + '&phone=' + phone;  

//alert (dataString);return false;  

$.ajax({  

  type: "POST",  

  url: "bin/process.php",  

  data: dataString,  

  success: function() {  

    $('#contact_form').html("<div id='message'></div>");  

    $('#message').html("<h2>Contact Form Submitted!</h2>")  

    .append("<p>We will be in touch soon.</p>")  

    .hide()  

    .fadeIn(1500, function() {  

      $('#message').append("<img id='checkmark' src='images/check.png' />");  

    });  

  }  

});  

return false;  

http://net.tutsplus.com/tutorials/javascript-ajax/submit-a-form-without-page-refresh-using-jquery/