Form will not submit if .remove() is used?

前端未结

关注

 4  1898

I\'m having a spot of bother with either Firefox, jQuery or both. OS is Windows 7, Firefox is version 4.0.1 and jQuery is between 1.5 - 1.6.

Basically I have a form

相关标签:

4条回答

半阙折子戏

2021-01-18 04:58

I have no idea why this is the case, but if you replace:

<button name="test">-</button>

with:

<input type="button" value="-" name="test" />

and use $("input[name=test]") instead of $("button[name=test]") then it appears to work.

You can see this working in this fiddle.

0 讨论(0)
发布评论:

提交评论
- 加载中...
名媛妹妹

2021-01-18 05:05

I think I've got the final solution for this problem. I've spend the last couple of days struggling with this strange behavior and finally came accross this thread and this one which helped me a lot.. =))

The button element has a 'type' attribute which is set by default to 'submit' in almost all browsers (except IE).

The problem seems to be related to the fact that we're removing the node while processing the submit event and therefore breaking the submit event of the form...

So adding type="button" to the button element will actually solve this issue.

Here is a workign jsFiddle example.

0 讨论(0)
发布评论:

提交评论
- 加载中...
死守一世寂寞

2021-01-18 05:11
The answere of "paic_citron" is correct but, due you do the "POST" via Ajax you can replace this button:
```
<button name="test">-</button>
```
with hyberlink and some css:
```
<a href="#" class="bnt btn-warning" name="test">
   <i class="icon-remove icon-white"></i>
</a>
```
Here the jsFiddle that works
0 讨论(0)
发布评论:

提交评论
- 加载中...

旧时难觅i

2021-01-18 05:12

try using this instead:

<input type="submit" value="submit" />

if you put it before the tag it will submit the form automatically.

<!DOCTYPE html>
<head>
    <title>Firefox/jQuery Submit Bug?</title>
</head>
<body>
    <form method="post" action="index.php" id="fform">
        <div>
            <input type="text" name="foo" value="bar" />
            <button name="test">-</button>
        </div>
    <input type="submit" value="submit" />
    </form>
</body>

0 讨论(0)