Question

我有以下代码：

HTML：

<button id="my_button">Test</button>

Javascript（jQuery）：

$(document).ready(function () {
  $('#my_button').click(function () {
    $(this).wrap('<form>')
  })
})

当点击按钮时，按照我的意愿将其包装好，但也提交表格。

我想在没有提交的情况下用表格包装

Answer 1

添加对preventDefault的调用：

$(document).ready(function () {
    $('#my_button').click(function(e) {
    // Accept the arg -------------^
        e.preventDefault();      // Prevent the default action
        $(this).wrap('<form>')
    });
});

...或将按钮类型更改为button：

<button type="button" id="my_button">Test</button>

...由于type的默认button为submit。

Answer 2

您需要将type属性设置为值button，以将其转换为一个简单的按钮，否则它将充当submit按钮。

<button type="button" id="my_button">Test</button>

jQuery使用表单包装div而不提交

2 个答案: