清除输入字段,但提交按钮除外

时间:2014-03-23 01:34:16

标签: jquery forms

我有一些jQuery设置来自动清除输入表单中的默认值。但是,在Chrome中,它也适用于提交按钮。因此,只要用户单击“提交”,该按钮就会丢失其值并缩小。

这是我的代码:

jQuery(document).ready(function() {

jQuery.fn.cleardefault = function() {
return this.focus(function() {
    if( this.value == this.defaultValue ) {
        this.value = "";
    }
}).blur(function() {
    if( !this.value.length ) {
        this.value = this.defaultValue;
    }
});
};
jQuery("input, textarea").cleardefault();
});

以下是带有工作示例的CodePen - 正如您所看到的,它只是Chrome中的一个问题: http://codepen.io/anon/pen/hoJFB/

1 个答案:

答案 0 :(得分:3)

只需排除您可以执行的提交按钮

jQuery('input:not([type="submit"]), textarea').cleardefault();