jQuery removeAttr('type')不起作用

Question

我的问题很简单

$('#button').removeAttr('type');

在firebug上触发错误

type property can't be changed

我有两个问题:

• 怎么解决这个问题？
• 是否有一个带有无法更改的属性列表的引用？

谢谢

编辑

我想做的是:

阻止按钮提交表单.

注意:我的按钮作为html模板包含在内,表单代码无法从我这里访问.
就像是:

include 'form.php';
include 'buttons.php';

我只能在buttons.php上控制

Answer 1

你不能更改input的type已经插入到DOM之后在IE(<9？).由于这个原因,jQuery会为所有浏览器引发错误.

来自:

    set: function( elem, value ) {
            // We can't allow the type property to be changed (since it causes problems in IE)
            if ( rtype.test( elem.nodeName ) && elem.parentNode ) {
                jQuery.error( "type property can't be changed" );

没有其他我知道的情况(或jQuery知道)以及如何解决这个问题在很大程度上取决于你首先要做的事情.考虑创建一个具有不同类型的新元素并使用它.

编辑:要阻止按钮提交表单,您可以使用:

$("#button").click(function(e){
    e.preventDefault();
});

或者(信贷Tim Down):

$("#button").prop("disabled", true);

为防止通过任何方式提交表单,您可以使用:

$("#form").submit(function(e){
    e.preventDefault();
});

Answer 2

你可以替换它:

$('#button').replaceWith('<input type="text" value="text"/>');

或使用 event.preventDefault()