Question

我有一个接受用户数据的表单，并在通过调用java服务发送邮件后给出成功消息。成功发送后，用户应获得成功消息。在我的情况下，表单是一个弹出窗口。因此，在提交表单时，会发布数据并弹出刷新/提交，并且不会弹出成功。我使用以下代码：

$( "#target" ).submit(function( event ) {
  alert( "Mail Sent successfully" );
  event.preventDefault();
});

但我不想要上述警报。我希望我的自定义弹出窗口显示成功消息，这不是警报。例如

$(document).ready(function(){
  $( "#target" ).submit(function( event ) {
   $( "#dialog" ).dialog();
  event.preventDefault();
});
});

<div id="dialog" title="Basic dialog">
  <p>Mail Sent successfully</p>
</div>

无效。

我也试过，return false在脚本和

<form method= "post" onsubmit= "return false()">

任何帮助表示赞赏

Answer 1

你缺少id =＆＃34; target＆＃34;形式

<form method= "post" id="target">
  <input type="submit"/>  
</form>

<script>
$( "#target" ).submit(function( event ) {
  $( "#dialog" ).dialog();
  event.preventDefault();
});
</script>

以下是演示https://jsbin.com/duyevo/edit?html,js,output

停止表格清爽

1 个答案: