使用jQuery从表单外部的链接提交表单

我正在尝试从位于导航栏中的链接提交表单。

我是javascript.jQuery的新手,并且不确定为什么这不会执行。

我有一种感觉,我需要在链接的href中添加其他东西,但我不确定它是什么? 我很感谢反馈和专业知识。

链接

  • Save
  • 形成

     

    JAVASCRIPT(此代码在我已链接到模板的外部单独文件中)

     $(document).ready(function() { $('#add-product-save-link').click(function(e) { e.preventDefault(); $('#add-product-form').submit(); }); }); 

    我已经链接到jQuery:

    在纯JavaScript中:( http://jsfiddle.net/4enf7/

     Send form 

    链接:

     Save 

    jQuery的:

     $(document).ready(function() { $('#add-product-save-link').click(function() { $('#add-product-form').submit(); }); }); 

    你不需要e.preventDefault(),因为你的锚标签不会去任何地方(href是# )。

    由于

    标记的action属性为空,这意味着表单将自己提交给同一文档。 如果这是您想要做的,那么您可以将其逻辑放在文档的顶部:

      

    最后,因为这个答案使用了jQuery,所以请确保在某处引用jQuery库,例如在标记中:

         

    您正在单击“A”,而不是斜体(带ID)。 假设您不会将HTML更改为该工作,您应该使用此:

     $(document).ready(function() { $('#add-product-save-link').parent().click(function(e) { $('#add-product-form').submit(); return false; }); }); 

    $( “#键”)。点击(函数(E){

      $.post('url.php', $("#form").serialize(), function(data){