Comments on: jQuery Plugin – Form Field Default Value

By: christian

christian — Thu, 24 Jun 2010 15:52:07 +0000

Thanks Jason, appreciate it!

By: Jason

Jason — Wed, 23 Jun 2010 17:25:20 +0000

Of course – free as in beer

Enjoy.

By: christian

christian — Mon, 21 Jun 2010 10:59:01 +0000

Hi Jason,

ive been searching for something like this, and as such wanted to ask permission to use this as a base for our contact forms we develop for our templates and sell on themeforest, woudl greatly appreaciate a response.

Thanks

Christian

By: Jiri

Jiri — Sat, 05 Jun 2010 21:35:55 +0000

Thanks for your simple but usefull plugin!

By: tina

tina — Mon, 10 May 2010 17:23:04 +0000

i want to make function in which argument will be pass jQuery object which is id of form.and return value of function should be map of name-value pair of each elaement in form.how can i do that?>

By: Alexander Shlygin

Alexander Shlygin — Sun, 18 Apr 2010 23:14:35 +0000

Hi, Jason!

Thank you for your reply! I do not really see such a problem in this case: you can leave default value hardcoded in html, so users will see this value neither they have enabled javascript or not. And this default value will be processed the same way/

On the other hand, it is rather hard to find a user without javascript enabled nowadays.

Or may be I did not understand your point.

P.S.: Sorry for making you think, that your solution is not backward compilant for me. I meant that my is doing well too!

By: Jason

Jason — Sun, 18 Apr 2010 04:17:30 +0000

Hi Alexander,

Great & valid points! However, contrary to your statement, my current solution provides “backward compatibility just as yours does. Let’s assume a user does not have JavaScript enabled. Both yours and my solution will result in that user not seeing anything in the input box.

I agree your solution is a bit more compliant with HTML standards, however it doesn’t provide a “backup” for users without JavaScript. Seems HTML5 offers some functionality related to this.

By: Alexander Shlygin

Alexander Shlygin — Fri, 16 Apr 2010 14:09:38 +0000

Otherwise, you can user “title” attribute to store default value for the field, so you can save your data validation after page is resfreshed.

In this case, you do not need .each assignment anymore, just comparing value and title on focus and blur event!

Less code, do more!

By: Alexander Shlygin

Alexander Shlygin — Fri, 16 Apr 2010 13:54:48 +0000

Hey, Jason! It’s quite unconvinient to do so in javascript, ’cause it’s more convinient to set default field value in the html code itself:

Everything you need to do with it – add some handlers, that will use safe ALT attribute to store default value and add some code to onload event:

jQuery(document).ready(function(){

$(“input”).each(function() {
$(this).attr(“alt”, $(this).attr(“value”));
});

$(“input”).focus(function(){
if ($(this).attr(“type”) == “text” && $(this).attr(“value”) == $(this).attr(“alt”))
$(this).attr(“value”, “”)
});

$(“input”).blur(function(){
if ($(this).attr(“type”) == “text” && $(this).attr(“value”) == “”)
$(this).attr(“value”, $(this).attr(“alt”))
});

});

That’s all! Graceful degradation is preserved! Good luck!

By: Joel

Joel — Fri, 26 Mar 2010 16:42:48 +0000

Thanks for all your work on the plugin, it’s is exactly what I need except for one issue which is a bit unique to my situation.
The form that I am using this on uses the Person’s Last Name as their password, so I need the default text to say “Last Name” instead of being masked but then be masked once they input their value.

Is this possible?