Search jQuery

jQuery Forum

daniel.ac..

[jQuery] Input background color change

in Using jQuery • 16 years ago

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2//EN">
<HTML>
<HEAD>
<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=iso-8859-1">
<META NAME="Generator" CONTENT="MS Exchange Server version 6.5.7638.1">
<TITLE>Input background color change</TITLE>
</HEAD>
<BODY>

I have a function where if I *need* to I pop a validation error window. I set the focus to the offending fld first.
 I want to also make the background color of the offending field RED for example too.
 1. Sorry if this is doable in JS and I did not know it..

2. If I can do it with JQuery can I get an example of how to do so?

Sincerely,
 dan

function makeMoney( fld )
 {
 var num = fld.value.replace( numberOnly, "" );
 if ( ! validNum.test( num ) )
 {
 fld.focus( );
 var popHelp = window.open("/SBDX/Scripts/popHelp.asp?ID=" + fld.name + "&err=validation", "popErr", "resizable=1,height=300,width=400")
 popHelp.focus();
 return fld.value; // or return blank or or or
 }
 // ...
 }

 
 
************************************************************************* 
This communication, including attachments, is 
for the exclusive use of addressee and may contain proprietary, 
confidential and/or privileged information. If you are not the intended 
recipient, any use, copying, disclosure, dissemination or distribution is 
strictly prohibited. If you are not the intended recipient, please notify 
the sender immediately by return e-mail, delete this communication and 
destroy all copies. 
************************************************************************* 

</BODY>
</HTML>_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Replies(1)

triston1

Re: [jQuery] Input background color change

16 years ago

You have two processes going on here:
Field Focus & CSS Change
Consider once again, adding a class to the input box ( $("#" + strFieldName).addClass("error"); ) and removing the class when appropriate, instead of hard coding a color scheme into the JS.
To gain focus, you can chain on .get(0).focus(); so that the result would similar to: $("#" + strFieldName).addClass("error").get(0).focus();
Here's a working example of a form with a button that will check numeric, update the class, return focus and pop open a window:
<a href="http://be.twixt.us/jquery/fieldFocus.php" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">
http://be.twixt.us/jquery/fieldFocus.php
</a>
Error messaging - via a window.open
I believe the window.open method you're using doesn't have a replacement within the jquery library. (Anyone on the list want to confirm?)
I hate popups, so I feel inclined to offer up: consider loading the error message into an element on the calling page and make it pure ajax.
<a href="http://be.twixt.us/jquery/fieldFocus_ajaxError.php" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">http://be.twixt.us/jquery/fieldFocus_ajaxError.php</a>
Hope this helps.
Myles
On 6/16/06, 
Acuff, Daniel (Comm Lines, PAC) <<a href="mailto:Daniel.Acuff@thehartford.com" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">Daniel.Acuff@thehartford.com</a>> wrote:<div>
<blockquote class="gmail_quote" style="border-left: 1px solid rgb(204, 204, 204); margin: 0pt 0pt 0pt 0.8ex; padding-left: 1ex;">
<div>
<div>

I have a function where if I *need* to I pop a validation error window. I set the focus to the offending fld first.
I want to also make the background color of the offending field RED for example too.
1. Sorry if this is doable in JS and I did not know it..

2. If I can do it with JQuery can I get an example of how to do so?

Sincerely,
dan

function makeMoney( fld )
{
 var num = fld.value.replace( numberOnly, "" );
 if ( ! validNum.test( num ) )
 {
 fld.focus( );
 var popHelp = window.open("/SBDX/Scripts/popHelp.asp?ID=" + <a href="http://fld.name" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">fld.name
</a> + "&err=validation", "popErr", "resizable=1,height=300,width=400")

popHelp.focus();
 return fld.value; // or return blank or or or
 }
// ...
}

*************************************************************************
This communication, including attachments, is
for the exclusive use of addressee and may contain proprietary,
confidential and/or privileged information. If you are not the intended
recipient, any use, copying, disclosure, dissemination or distribution is
strictly prohibited. If you are not the intended recipient, please notify
the sender immediately by return e-mail, delete this communication and
destroy all copies.
*************************************************************************

</div>
</div>
_______________________________________________
jQuery mailing list
<a href="mailto:discuss@jquery.com" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">discuss@jquery.com</a>
<a href="http://jquery.com/discuss/" target="_blank" onclick="return top.js.OpenExtLink(window,event,this)">
http://jquery.com/discuss/</a>
</blockquote></div>
_______________________________________________
jQuery mailing list
discuss@jquery.com
http://jquery.com/discuss/

Top Reply

Response title

Attachments

jQuery Forum

[jQuery] Input background color change

Replies(1)

Re: [jQuery] Input background color change

Statistics

Tags

Actions