Question

我想用jquery对话框显示自定义弹出式提醒。

我在表单提交上有调用功能

<form name="form" method='post' action="user/purchase_user_tip" onSubmit="validateLogin();">

jquery代码

<script type="text/javascript">
     function validateLogin()
     {
         var session = 1;
         if(session==1)
         {
             $('#dialog').dialog('open');
             return false;
         }
     }
 </script>

html对话框

<div id="dialog" title="Dialog Title" style="display:none"> Some text</div>

Answer 1

如果您要显示“#dialog”，则应考虑使用此代码 function validateLogin（）{ var session = 1; if（session == 1）{ $（ '＃对话'）对话框（ '开放'）。返回false; } }

Answer 2

要使#'dialog' id可见：

$('#dialog').show();

要再次隐藏它，请使用：

$('#dialog').hide();

Answer 3

另一种方法是使用jQuery UI Dialog：

声明它（不显示无）
需要时打开

此外，使用事件防止默认和不同的函数定义：

function validateLogin(obj, e)
{
  var session = 1;
  if(session==1)
  {
    e.preventDefault();
    $('#dialog').dialog('open');
  }
}

$(function () {
  $('#dialog').dialog({autoOpen: false});
});

<link href="http://code.jquery.com/ui/1.11.3/themes/smoothness/jquery-ui.min.css" rel="stylesheet"/>
<script src="http://code.jquery.com/jquery-1.11.3.js"></script>
<script src="http://code.jquery.com/ui/1.11.3/jquery-ui.js"></script>


<form name="form" method='post' action="user/purchase_user_tip" onSubmit="validateLogin(this, event);">
    <input type="submit" value="ClicMe">
    </form>
<div id="dialog" title="Dialog Title"> Some text</div>

如何在表单提交的jquery对话框方法上调用自定义警报？

3 个答案: