Posted By

dougunderscorenelson on 04/28/09

Tagged

form
jquery

Versions (?)

Last Edited at 04/28/09 05:59pm

Statistics

Viewed 767 times

Favorited by 1 user(s)

Related snippets

Adding a Focus class to Forms

/ Published in: jQuery

This adds a class to focused form elements (helpful for IE6/7), as well as adds a class to the input's parent (in this case, named "form-field").

Expand | Embed | Plain Text

Copy this code and paste it in your HTML

$("input, textarea", $("form")).focus(function(){
    $(this).addClass("focus");
    $(this).parents(".form-field").addClass("cur");
});
$("input, textarea", $("form")).blur(function(){
    $(this).removeClass("focus");
    $(this).parents(".form-field").removeClass("cur");
});