Javascript 使用twitter引导时如何使用jquery获取表单对象

我有一个来自twitter引导的模型对象，如下所示

        <!-- Name Edit div -->
<div id="form-content" class="modal hide fade in" tabindex="-1">
  <form name="form" action="<c:url value="/editname" />" method="post">
    <div class="modal-header">
      <h4>Edit Name</h4>
    </div>
    <div class="modal-body">
     <div class="control-group">
        <div class="controls">
          <ul class="nav nav-list">
            <li class="nav-header">First Name</li>
            <li><input type="text" placeholder="First Name" name="firstName" id="firstName" class="input-xlarge help-inline"></li>
            <li class="nav-header">Last Name</li>
            <li><input type="text" placeholder="Last Name" name="lastName" id="lastName" class="input-xlarge help-inline"></li>
         </ul>
        </div>
      </div>
    </div>
    <div class="modal-footer">
       <button id="submit"  class="btn btn-success">Update</button>
       <button class="btn" data-dismiss="modal" >Close</button>
    </div>
  </form>
</div>

但请求并没有被触发。我签入了firebug，看起来它无法获取表单对象，请求也不会发送到控制器。我怎样才能使它工作。我将有多个表单在同一页在未来

<form name="form" action="<c:url value="/editname" />" method="post">

反而

var $form = $(this).closest("form").attr('id');

---

您的表单没有id属性。给它一个，它可能会工作。 所以

---

不会返回值。

我建议您使用

.submit（）

函数：

$(function() {
    $('#form_id').submit(function(e) {
        e.preventDefault();
        var form = $(this);
        $.ajax({
          type: form.attr('method'),
          url: form.attr('action'),
          data: form.serialize(),
          success: function(msg){
            $("#thanks").html(msg);
            $("#form-content").modal('hide');    
          },
          error: function(){
            //alert("failure");
          }
        });
    });
});

将表单id设置为某物并更改javascript以匹配

您还可以将

data ajax=“true”

添加到要提交bia ajax的所有表单中，然后使用：

var forms = $('form[data-ajax="true"]');
forms.submit(function(e){
    e.preventDefault();
    // do ajax
});

---

所有HTML表单输入控件（输入、选择、按钮等）都有对其所有者的引用。这使得有可能做到：

var $form = $(this.form);

---

但是我认为oleron使用

submit

event的回答是正确的。我修改了它，但是我得到了这个错误“客户端发送的请求在语法上不正确。”我使用的是Spring

$(function() {
    $('#form_id').submit(function(e) {
        e.preventDefault();
        var form = $(this);
        $.ajax({
          type: form.attr('method'),
          url: form.attr('action'),
          data: form.serialize(),
          success: function(msg){
            $("#thanks").html(msg);
            $("#form-content").modal('hide');    
          },
          error: function(){
            //alert("failure");
          }
        });
    });
});

var forms = $('form[data-ajax="true"]');
forms.submit(function(e){
    e.preventDefault();
    // do ajax
});

var $form = $(this.form);