Default Value

A simple, elegant solution. Thanks for sharing.

nice one. i am using it for my search box…

This is a neat little plug-in but i had to adapt it slightly as it set the prompt even if the box already had a value. I need the prompt to be there but only if the user hasn’t already given an answer. Thanks for a great, simple, plugin though!!

Couple of things:
1. When using tabs and say adding default value to two textareas with same class then plugin fails since it has ++c counter which would hit “undefined” for the second textarea
2. Should have some sort of option and callback so when you submit form it would remove default value (I don’t want send out “- serach by ID -”)
3. How do you handle form validation when “defaultvalue” is used as a hint and not an actual value? JQuery Validator for example

Nice plugin. Only issue was that it displayed the default prompt even when a value existed for an element. So here is the modified code – works for me..hope it helps someone else.

(function($) {

);
}
})(jQuery)


Great plugin. Added a little code to set and reset a style so that the default-value content can be presented differently from real input:

(function($) {

$.fn.defaultvalue = function() {

// Scope
var elements = this;
var args = arguments;
var c = 0;
var defaultclass = “default-value”;

return(
elements.each(function() {

// Default values within scope
var el = $(this).addClass(defaultclass);
var def = args[c++];

el.val(def).focus(function() {
if(el.val() == def) {
el.val(“”);
el.removeClass(defaultclass);
}
el.blur(function() {
if(el.val() == “”) {
el.val(def);
el.addClass(defaultclass);
}
});
});

})
);
}
})(jQuery)

I made this defaultvalue script auto-bind to the “defaultvalue” attribute by adding this to the top of my page:

function defaultvalue_init(s) {
if (s == undefined) s = ‘input[default],textbox[default],input[defaultvalue],textbox[defaultvalue]‘;
$(s).each(function(i) {
$(this).defaultvalue($(this).attr(‘defaultvalue’));
});
}

$(document).ready(function() {
defaultvalue_init();
});

with this, you can write code like:

The reason I put the defaultvalue_init method outside of the document.ready() handler was so that I can call it after an AJAX request might modify the page body.

(editing my previous post so the tags show up)

I made this defaultvalue script auto-bind to the “defaultvalue” attribute by adding this to the top of my page:

<script type=”text/javascript”>
function defaultvalue_init(s) {
if (s == undefined) s = ‘input[default],textbox[default],input[defaultvalue],textbox[defaultvalue]‘;
$(s).each(function(i) {
$(this).defaultvalue($(this).attr(‘defaultvalue’));
});
}

$(document).ready(function() {
defaultvalue_init();
});
</script>

with this, you can write code like:
<input type=”text” defaultvalue=”put something here” />

The reason I put the defaultvalue_init method outside of the document.ready() handler was so that I can call it after an AJAX request might modify the page body.

Elegant solution, thanks for sharing.

I changed your plugin a bit. I am adding a class to default values and removing that class when a text is entered.

…
el.addClass(‘default_form_value’);
…
el.removeClass(‘default_form_value’);

[...] 09. Default Value [...]

I need to use it with validator plugin. How do I do that ?