javascript - 如何通过单击 anchor 元素来发布表单

标签 javascript jquery forms jquery-ui form-submit

如何通过单击元素来提交表单?

我尝试了下面的代码,但 Chrome 使用 http GET 方法发送它。如何修复此问题以便使用 POST 方法发送表单?

<html>
<body>
    <form id="_form" method='post' target='_blank'>
        <input type="email" value="me@company.com" name="_email" />
        <a href='SendEMail?_entity=DokGReport&amp;_dokumnrs=135361'
           id='sendemail' class='button'>
            Send
        </a>
    </form>

    <script>
        $(function () {
            $('#sendemail').button({ icons: { primary: "ui-icon-mail-closed" } })
              .click(function () {
                  $('#_form')[0].action = $(this).attr('href');
                  $('#_form')[0].submit();
              });

        });
    </script>
</body>
</html>

最佳答案

您需要阻止点击 anchor 的默认操作,即点击链接:

    $(function () {
        $('#sendemail').button({ icons: { primary: "ui-icon-mail-closed" } })
          .click(function (e) {
              e.preventDefault(); // Don't follow the link normally
              $('#_form').attr('action', $(this).attr('href')).submit();
          });

    });

关于javascript - 如何通过单击 anchor 元素来发布表单,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20767094/

相关文章:

jquery - 使用 css 更改文本来更改方形图案?

javascript - Wp 媒体库元框无法读取未定义的属性 'state'

python - 我可以在 Django 中的单个表单中使用多个表单集吗?如果可以,如何?

forms - 如何在 angularjs 指令中添加验证属性

javascript - 如何使用 NodeJS + ExpressJS 连接远程 phpMyAdmin 服务器

javascript - 如何在用户输入中写入数组的编号并获取该特定数组编号的信息?

javascript - 如何使用 jQuery 更新 Json 对象?

javascript - PHP 中的 JQuery 表

javascript - mouseenter 和 mouseleave 竞争问题

javascript - 在复选框勾选上将表单字段从一个表单复制到另一个表单