提交前获取textarea内容答案

【问题标题】：Get textarea contents before submit提交前获取textarea内容
【发布时间】：2012-01-11 20:18:32
【问题描述】：

我有一个 id 为“compose”的 textarea，我想在按下提交按钮之前从该 textarea 获取数据。我有另一个 javascript 函数，它将根据用户偏好将信息共享给其他各种站点，我需要将 textarea 中的信息传递给该 js。

function getVal(){
               alert(document.getElementById("compose").value);

           }

我没有得到任何信息，我猜是因为信息存储在其他地方，但我不知道存储在哪里。

我正在使用 zend，我想使用 jQuery，但我无法让 jQuery 与 zend 一起正常工作。它要么破坏页面上的其他组件，要么根本不起作用。有什么建议吗？

编辑： 这是我调用 getVal() 的地方。它现在只是一个链接，因为我正在尝试将输入输入文本区域。然后我会将找到的数据插入到我的 js 脚本中。

我附加 Zend 是因为该网站是使用 zend 框架制作的，经过一段时间的 jquery 挣扎后，我不想要 jquery 答案，因为我无法使用它。

<a href="javascript:void(0);" onclick="getVal()">click</a>

edit1 我使用的引擎似乎已经放弃了对我使用的版本的 jquery 支持......谢谢您的回答和帮助

【问题讨论】：

【解决方案1】：

因为你把它标记为 jquery 我假设你使用它。在这种情况下，最简单的方法是......

$("#compose").val()

哦，没关系，我现在读到你不能让 jquery 工作？在那种情况下，你读过这篇文章吗？ Best way to start using jQuery in a Zend Framework 1.9 application?

【讨论】：

【解决方案2】：

你可以劫持表单的submit事件，做你的AJAX请求，然后正常提交表单：

$('form').on('submit', function () {
    $.ajax({
         url  : '<URL>',
         data : { compose : $('#compose').val() }
    });
});

请注意，.on() 是 jQuery 1.7 中的新内容，在这种情况下与 .bind() 相同。

【讨论】：