jquery - 在提交之前从 ajax 加载的表单中获取值

Question

我有一个应用程序，可以在单击按钮时加载 ajax 表单。然后我想检查 ajax 加载表单中名为“comment_content”的值，这样如果 comment_content 为空，我就不会发送 ajax 请求。我可以使用 live 方法捕获表单提交，但是，我无法捕获表单元素，因为它需要一个元素。

我正在查看 livequery，但想知道是否有更有效的方法使用 live 或者我是否不应该打扰？非常感谢您的帮助。

    $("#comment_submit").live('click', function(){
       var comment = $("#comment_content").html();
       if(comment == ""){
          $("#notice").html("").stop(true, true);
       $("#notice").append("<p>Are you going to write something in that comment?</p>");
       $('#notice').slideDown().delay(2000).slideUp();
       return false;
       }
   return true;
});

Answer 1

我不完全确定我理解这个问题，但如果我理解正确，您可以使用以下内容捕获表单元素#comment_content:

var contentElement = $('#comment_submit').parents('form').find('#comment_content');

然后，您可以将 var contentElement 用于您想要的任何用途。只要表单已加载，这应该可以在任何地方工作。如果您只是寻找表单元素，您可以使用

var formElement = $('#comment_submit').parents('form');

或者只是给表单一个 id/class 并明确地找到它