Solved

onChange for a textfield

Posted on 2006-07-21
5
2,041 Views
Last Modified: 2011-10-03
Hi guys,

I want to know how I can make an alert, which will display the contents of a textfield, after the textfield's value has changed. I want this message to run only if:

- The contents of the field has changed from the original value.
- The field is no longer selected (eg, tab was pressed, or something else was clicked)

I only need this to work with Internet Explorer, any ideas guys?

Cheers!
0
Comment
Question by:Cyber-Drugs
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 3
5 Comments
 
LVL 23

Accepted Solution

by:
apresto earned 300 total points
ID: 17153664
Hi Cyber-Drugs,

var oldValue = "";

function alertOnChange( txtBox )
{
   if ( txtBox.value != oldValue )
   {
       oldValue = txtBox.value;
       alert( oldValue );
   }
}

onchange="alertOnChange( this );"

Apresto
0
 
LVL 23

Expert Comment

by:apresto
ID: 17153702
sorry, stick it in the onBlur event
0
 
LVL 19

Assisted Solution

by:nschafer
nschafer earned 200 total points
ID: 17153709
Hi Cyber-Drugs,

<script type="text/javascript">
var txtVal
function setVal() {
  txtVal = document.getElementById('YourTextBoxId').value
}

function checkVal() {
  if (document.getElementById('YourTextBoxId').value != txtVal) {
    alert('You changed the value.');
  }
}
</script>


In your text box have code like this:

<input type="text" id="YourTextBoxId" onfocus="setVal();" onblur="checkVal();" />


Hope this helps,
Neal.
0
 
LVL 4

Author Comment

by:Cyber-Drugs
ID: 17153755
Thanks for the code guys, I am going to use apresto's code as it runs with a single function, and call, but both answers are valid, so I am going to split the points.

Thanks again guys!
0
 
LVL 23

Expert Comment

by:apresto
ID: 17153802
No Problem, Glad i could help

Apresto
0

Featured Post

Revamp Your Training Process

Drastically shorten your training time with WalkMe's advanced online training solution that Guides your trainees to action.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Avoid defining the variables in the global scope; trying to define them in a local function scope. Because:   • Look-up is performed every time a variable is accessed.   • Variables are resolved backwards from most specific to least specific scope…
International Data Corporation (IDC) prognosticates that before the current the year gets over disbursing on IT framework products to be sent in cloud environs will be $37.1B.
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

726 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question