在html表单上打开jquery窗口提交?

时间:2013-01-24 18:50:47

标签: php jquery html

我试图在成功提交html表单时启动jquery对话窗口。 我一直试图这样做,但目前它没有打开一个jquery对话框,它只是不会做任何事情。

请有人帮助我并告诉我需要做什么才能在提交时打开一个jquery dialoge框。

<head>
<script>
function muModal(f)
{
  var form=f,
      modal=$('<div/>', {
    'id':'alert',
    'html':'<iframe src="http://heera.it"></iframe>'
  })
  .dialog({
    'title':'Iframe in a modal window',
    'modal':true,
    'width':350,
    'height':'auto',
    'buttons': {
      'OK': function() { 
        $(this).dialog( "close" ); 
        // do something, maybe call form.submit();
      }
     }
  });
  return false;
}
</script>
</head>


<body>
<form method="post" action="" onsubmit="return muModal(this)">
  <input type="submit" value="Submit" />
</form>
</body>

2 个答案:

答案 0 :(得分:0)

$("#submitButton").click(function()
{
 openWindow();
 $('#form').submit();
}

or

$("#form").submit(function() { 
//open window
});

答案 1 :(得分:0)

您需要将对话框添加到页面的某个位置:

function muModal(f)
{
  var form=f,
      modal=$('<div/>', {
    'id':'alert',
    'html':'<iframe src="http://heera.it"></iframe>'
  }).appendTo(f);

   modal
  .dialog({
    'title':'Iframe in a modal window',
    'modal':true,
    'width':350,
    'height':'auto',
    'buttons': {
      'OK': function() { 
        $(this).dialog( "close" ); 
        // do something, maybe call form.submit();
      }
     },
    'close' : function() { $(this).remove() }
  });
  return false;
}