Question

我需要jQuery和ajax的帮助。需要在提交后从文件加载textarea内容。无法弄清楚这一点。这是代码：

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta name="generator" content=
  "HTML Tidy for Linux/x86 (vers 11 February 2007), see www.w3.org" />
  <style type="text/css">
/*<![CDATA[*/
    #output {
        resize: none;
        width:100%;
        height:70%;
    }
    #time {
        background-color:#0F0;
    }
    #command {
        width:80%;
    }
    #submit {
        width:18%;
    }
  /*]]>*/
  </style>
  <script type="text/javascript" src="jquery.js">
</script>
  <script type="text/javascript">
//<![CDATA[
            $(document).ready(function () {
                var psconsole = $('#output');
                psconsole.scrollTop(
                psconsole[0].scrollHeight - psconsole.height());
            });

            $(document).ready(function () {
                $("#execute").validate({
                    debug: false,
                    rules: {
                        name: "required",
                        email: {
                            required: true,
                            email: true
                        }
                    },
                    messages: {
                        name: "Please let us know who you are.",
                        email: "A valid email will help us get in touch with you.",
                    },
                    submitHandler: function (form) {
                        // do other stuff for a valid form
                        $.post('ajax.php', $("#execute").serialize(), function (data) {
                            $('#output').html(data);
                        });
                    }
                });
            });        
  //]]>
  </script>
  <meta http-equiv="Content-Type" content="text/html; charset=us-ascii" />

  <title></title>
</head>

<body>
  <textarea readonly="readonly" cols="150" id="output">
<?php 
    echo $api->consoleOutput(50, 0); ?>
</textarea>

  <form action="" name="execute" method="post" id="console">
    <input type="text" id="command" name="command" /> <input type="submit" id="submit"
    value="si&Aring;&sup3;sti" /> <button id="button">siusti</button>
  </form><?php 
      $api->sendCommand($_POST['command'])
      ?>
</body>
</html>

我尝试过的所有其他方法，似乎没有帮助...... Stackoverflow规则用于快速回答;）

Answer 1

您的表单ID是“控制台”，而不是“执行”，因此更改此行：

$("#execute").validate({

对此：

$("#console").validate({

您也可以按名称选择表单，但在此中看不到任何优势。

修改：为了使所有这些工作正常，您还必须引用插件本身，通常名为jquery.validate.js。

jquery表单提交和textarea刷新

1 个答案: