Error message as a trigger to hide the continue buttons

@ZeroKilledMay 08.2008 — #i guess you wrote the code to trigger such error when the criteria isn't met. i.e., is a validator or something alike. the first thing that come to my mind is to disable the button. if the button is an input element, then you can set the property [B]disabled[/B] to true:

<i>
 </i>// on your error message, assuming the button have an id
 document.getElementById('the_button_element').disabled = true;

then you have to set the property to false when the condition are met. that is, at the end of the validator, if no error message is triggered, you would do [I]button.[/I]disabled = false;

however, if the button is other element than an input, you can do one of two thing: remove the registered event until condition are met, or hide the element. to not make it more complicated, i guess hidding the element is sufficient. the approach is like the previous one but instead of setting the [B]disabled[/B] property you would use css property as [B]display[/B] or [B]visibility[/B]

<i>
 </i>// on your error message, assuming the button have an id
 document.getElementById('the_button_id').style.visibility = 'hidden';

and again, you have to set back the value if condition are met. to set it back, just pass an empty string to the [B]visibility[/B] property.

Error message as a trigger to hide the continue buttons

2 Comments(s) _↴

Also in #JavaScript _↴

Success!

Social

Version

Error message as a trigger to hide the continue buttons

2 Comments(s) ↴

Also in #JavaScript ↴

Success!

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

Social

Version

2 Comments(s) _↴

Also in #JavaScript _↴