how to fire an event when input field has changed?

@alexusJul 07.2006

HI
How or what event handler should I use to execute function when value of the input element was changed…

Basically what i want to do is to chek if 2 password filed are identical if they are not make the input element backrgound red.
And I want to do this as the user working on the form rather then when they press the submit button

Any sudgestions?

to post a comment

JavaScript

@CharlesJul 07.2006 — #

[code=html]<script type="text/javascript">
 onload = function () {
 var e, i = 0
 while (e = document.forms[0].elements[i++]) {
 if (e.type == 'password') e.onchange = function () {
 if (this.form.password.value != this.form.confirm.value) {
 this.form.password.className = 'error'
 this.form.confirm.className = 'error'
 } else {
 this.form.password.className = ''
 this.form.confirm.className = ''
 }
 }
 }
 }
 </script>
 
 <style type="text/css">
 .error {background-color:#a00; color:#fff}
 fieldset {width:20em}
 label {display:block; text-align:right}
 input {margin-left:1ex; width:10em}
 button {display:block; margin:auto}
 </style>
 
 <form action="somes-script.pl">
 <fieldset>
 <label>Password<input name="password" type="password"><label>
 <label>Confirm Password<input name="confirm" type="password"><label>
 <button type="submit">Submit</button>
 </fieldset>
 </form>[/code]

@ananiasJul 07.2006 — #... if they are not make the input element backrgound red ...[/QUOTE]Charles code looks perfect and does exactly what you want, but I think enabling the submit button would be a better way to signal field validation.

@CharlesJul 07.2006 — #Charles code looks perfect and does exactly what you want, but I think enabling the submit button would be a better way to signal field validation.[/QUOTE]Better to diasble it on error. Disable it by default and users without JavaScript will cry out to their God against you.

@alexusauthorJul 07.2006 — #cool thanks!

how can I disable submit button? i dont see the style for this?

@phpnoviceJul 07.2006 — #Not a style...

[I]HTMLInputElement[/I].disabled = true;

@alexusauthorJul 07.2006 — #when I added the script to my page im getting the error that bject does not support the value :-(

Is there any way to to the same but only with spesified element?

@phpnoviceJul 07.2006 — #Show the line of code getting the error.

@CharlesJul 07.2006 — #Show the line of code getting the error.[/QUOTE]Better yet, give us the URL.

@alexusauthorJul 07.2006 — #um... i got baanch oh php there too :-(

how to fire an event when input field has changed?

9 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

how to fire an event when input field has changed?

9 Comments(s) ↴

Also in #JavaScript ↴

Success!

The web is an endless sea of information. Don't miss the boat... Subscribe!

Social

Version

9 Comments(s) _↴

Also in #JavaScript _↴