Question

我想使用以下锚点向Spring提交带有jquery的表单。这是怎么做到的？

<a target="" title="" class="" href="">Save</a>

我试过这个，其中requestNew是我的表格：

 $(document).ready(function(){
  $("a").click(function(){
     $("#requestNew").submit(function(){
         $.post("../acctRequests", $("#requestNew").serialize());
      });
  });
 });

它似乎没有去任何地方。

Answer 1

您正在添加一个新的事件处理程序;您需要做的就是触发现有的，以及浏览器的本机功能：

$(document).ready(function(){
  $("a").click(function(){
     $("#requestNew").submit();
  });
});

Answer 2

请使用此

<a href="javascript:document.YOUR_FORM_NAME.submit()"> Submit</a>

<form name="YOUR_FORM_NAME" action="YOUR_ACTION_PAGE_URL" method=POST>
           <input type="text" name="YOUR_INPUT_NAME" value="YOUR_INPUT_VALUE"/>
      </form>

将“YOUR_ACTION_PAGE_URL”替换为您的目标操作网址

Answer 3

在点击之外分配提交处理程序。然后从点击中调用它。

$(document).ready(function(){
       // Binds the submit handler to the #requestNew form
   $("#requestNew").submit(function(){
        $.post("../acctRequests", $("#requestNew").serialize());
   });
   $("a").click(function(e) {
        $("#requestNew").submit(); // calls the submit handler
        e.preventDefault();  // Prevents the default behavior of the link
   });
});

Answer 4

HTML

<form...>
    ...
    <a data-role="submit">Save</a>
</form>

的jQuery

$(function(){
    $("[data-role=submit]").click(function(){
        $(this).closest("form").submit();
    });
});

Answer 5

如果您向锚点添加ID，则可以在点击功能中提交表单：

<a target="" title="" class="" href="" id="saveButton">Save</a>
$(document).ready(function(){
  $('#saveButton').click(function(){
    $("#requestNew").submit(); //if requestNew is the id of your form
  });
});

如果你试图用ajax提交它，这是一个不同的解决方案，但我不确定这是你想要的根据你的问题

Answer 6

最简单的方法是：

<a href="#" onclick="submit()">Submit</a>

如何使用锚标签提交带有jquery的表单

6 个答案: