jquery:表单提交/页面重新加载后隐藏/显示某些内容

您可以为表单的“提交”操作分配一个处理程序,并对其执行任何您喜欢的操作。异步发送,再次删除表单,将其保留在那里,等等。这是一个起点:

$('#myloginform').submit( function() {
  var form = $(this);
  $.post(
    form.attr('action'),
    form.serialize(),
    success: function( response ) {
      // do something when all is well
      form.hide();
    },
    failure: function( respones ) {
      // do something when everything explodes
      form.addClass('error');
    }
  );
  return false; // don't fire the regular handler
} );

jQueryAPI文档将为您提供关于 submit $.post 还有朋友。

这个代码应该进入你的 $(document).ready show s和 hide 他在里面。

我想试试这个 jQuery Form Plugin

成功后,您可以将浏览器重新定向到提交时通常会到达的位置。

出现错误时,您可以显示错误消息并将用户保留在表单上。

jQuery(document).ready( function()
{
  if(form_error) // check for the error in some way (query_string, a div with an 'error class'
  {
    jQuery('.form-selector').show();
  }
});