为什么我的 jquery 对话框会在几秒钟后消失？

Question

我有一个带有文本区域和按钮的表单。如果在 textarea 为空时单击按钮，则表单将重新加载并生成错误消息。否则，表单将重定向到另一个页面。现在，我集成了一个 jquery 对话框。单击按钮时，应出现对话框并询问是或否问题。问题是当我单击按钮时，对话框出现但几秒钟后消失。我怎样才能解决这个问题？我使用 php 作为表单，使用 jquery 作为对话框。

ps。在php中，当您单击表单中的按钮时，页面将重新加载对吗？我认为这与盒子的消失有关，因为它在重新加载之前就消失了。

这是我的代码

    <form id="form1" name="form1" method="post" action="<? echo $PHP_SELF; ?>" enctype="multipart/form-data" onsubmit="myRedirect();">
          <p class="style16">
          <div align="left">

            <p><span class="style5">Rules:</span>
            <?          
            if($_POST['continue']) {
                if($_POST['rules']==null) {
                    echo $_SESSION['nature']."<font color='red' size='3'><b>Please enter the rules.</b></font><br>";
                }
            }
            ?>
              <input type="hidden" name="other_id" value="<? echo $_SESSION['other_id']; ?>">
          <input type="hidden" name="hidden1" value="<? echo $_SESSION['hidden1']; ?>">
            </p>

            <p>
              <textarea name="rules" rows="7" cols="49"></textarea>

              <br />
            </p>
            <div id="dialog" title="Empty the recycle bin?">
    <p><span class="ui-icon ui-icon-alert" style="float:left; margin:0 7px 20px 0;"></span>Is the judge/speaker/facilitator from UST?</p>
</div>
            <p><input type="submit" name="continue" id="continue" value="Continue"/>
            <input type="reset" name="clear" value="Clear"></p>
              <center>


    <!--<input type="submit" name="clear2" id="clear2" value="Clear" onClick="textfield.value="" textfield2.value="" textarea.value="" textarea2.value="" 

    textarea3.value="" textarea4.value="" textarea5.value="" textarea6.value="" file.value="" "/>-->
                  </center>
                </p>
              </div>
              </form>

Answer 1

要阻止表单提交，您需要在其 onsubmit 事件中设置“return false”。