0

我在下面有一个简单的 html 评论表单，它位于一个在模式窗口中加载的文件中。我正在尝试做的是允许用户通过评论表单输入评论，并让该评论显示在模式窗口内的“结果 div”中。我遇到的问题是，每当我点击提交按钮时，模态窗口就会关闭（当我自己运行这个脚本时，没有尝试将它加载到模态窗口中，一切都很好）。是否需要输入一段代码（在负责创建模式窗口的代码或此脚本中）以防止这种情况发生？谢谢！

<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js">
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js">    
</script>
<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery.validate  
/1.7/jquery.validate.min.js"></script>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org
/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html>
<head>
<title></title> 

<script type="text/javascript">
$(document).ready(function(){
    $("#myform").validate({
        debug: false,
        rules: {
            name: "required"

        },

        submitHandler: function(form) {

            $.post('result.php', $("#myform").serialize(), 
                              function(data) {
                $('#results').html(data);
            });
        }
    });
});
</script>

</head>
<body>
<form name="myform" id="myform" action="" method="POST">  
<!-- The Name form field -->  
<textarea cols="40" rows="5" name="name" id="name">

</textarea>  
<br>


<input type="submit" name="submit" value="Submit"> 
</form>
<!-- I will output the results from result.php here -->
<div id="results"><div>
</body>
</html>

4

0 回答 0