Question

我在下面有一个简单的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>

提交评论表单并在模态窗口中显示该评论

0 个答案: