在jQuery中提交表单后添加文本到元素

Question

我在表单上使用jQuery函数 .submit（），我需要在此表单之后使用函数 .text（）更改已创建元素的文本提交，但它不起作用。

代码如下所示：

$('form').submit(function (){
    var text = "error";
    $('p.error').text(text);
});

如果我从 .submit（）函数中获取 .text（）函数，它运行良好，但我需要在提交后调用它。

它似乎在提交和更改文本后刷新页面，因此文本丢失了。有什么方法可以解决它吗？

Answer 1

您需要在提交活动中preventDefault。您的代码很可能正常工作，但页面正在重新加载并使其看起来不像。

试试这个：

$('form').submit(function (event) {
  event.preventDefault();
  var text = "error";
  $('p.error').text(text);
});