Javascript - Enable and Disable form elements

HI!!!

I am new to javascript and hence always browse the net trying to learn it. New doesn't mean I am starting from scratch. It just means i am developing with it right now only. Well I found this article useful. It was easy to understand and to the point .. not like some which cover the depths unnecessarily.

Good Work. :)

ok... i want to have the option on my site of selecting black and white or color with 2 checkboxes, which when you select one, it will bring up a pull down menu, which will have different sizes listed...
can you help me?

I am using an image as a submit button:

<INPUT type="image" name="submitImage" src="something.jpg">

In the onsubmit event for the form(which passes the form), I have this:

frm.submitImage.disabled=true;

I am still able to click on the image and submit the form over and over, however. Is there something special I need to do to disable this type of form element?

I would like to prevent people from clicking the submit button (Image) more than once.

Thanks,
Ace

Ace - does the same code work with a standard submit button - maybe you can't disable an image button - I've never tried it. Also you could try putting it in the onclick event of the button and see if that does anything, or even set a global variable which gets changed the first time you click and if its changed the form doesn't submit - I'm sure it should be possible the way you're doing it though.
Let us know if you crack it!

Use document.form.button.disable=true;

example:
frm.submitImage.submitImage.disabled=true;

-Enjoy

This does not appear to function for me using IE6

your code will never work in nn4.7

who cares about netscape?

the example above with the radio buttons and text field did not work for me.

WIN98 - IE6

I am trying to use this script in a asp page and am not having much luck in making it work. Any suggestions?

Hi all!!
How to make the disabling scripts work for both netscape and IE? Are'nt there any standard functions one can use for disabling form elements.
Another query is how to disable the file type input box alongwith the browse button??
Any suggestions are welcome...

I got a javascript error from your example ;-)

thanks it works. Did one search and found this. IE6 something. Don't know if works in NS, but its for work, and we only use IE.

Check your own site lots of javascript errors, ill correct it i work for freelancing.
bye

I am using an image as a button

<a href="javascript:trySave()" ><img name="save" border="0" src="save.gif" ></a>

In trySave() java script I have written
document.frm.save.disabled=true;

I am still able to click on the image second time.I want to disable it after clicking once

Nice peice of code, simple, to the point & functional. Many Thanks

Is there a way to have the appearance of the text box change so that it looks disabled?

Is there a way to create new form elements (e.g. input textbox) and display it according to user action.

Example:
When the user enters article number, a new textbox will be displayed.

Thanks

How do i disable a button if the submission date of a form equals to the current date?
Thanks!

For those of you who are having trouble disabling <input type="image" submit button problems.. I was able to make it work.

I just called onclick="var obj =disable(this);" for the submit button. I then had an onSubmit event for my form and passed in obj.

ie onSubmit="return disablebutton(obj);"
function disablebutton(obj){
obj.disabled=true;
}

I hope this helps..

I need a java script that does the following: i have a banner and a disabled button on a page. the button will become enabled only when someone clicks the banner first. if someone cand help me pls mail me at perf_uzzi@cogeco.ca 10x

in one html form , we use many button,list box.when user select one buttun then all buttun in form should disable.we this do in javascript.

This worked for me in IE 6

if (document.getElementById("_ctl0_pPrimaryFromCalendar_pDateImgBtn") != null)
{
var pPrimaryFromCalendarDateImgBtn = document.getElementById("_ctl0_pPrimaryFromCalendar_pDateImgBtn");
pPrimaryFromCalendarDateImgBtn.disabled = true;
}

We have 2 text field. and 2 radio buttons.
if we select one radio button the one text field should avtivate and rest of the text fields should deactivate (greyed).
Kindly suggest the code or script if any java script guru is available on the net.

Actually I have a question of my own on 'How To Disable a Function' using Java Script.

I know how to use some Java Script. I can disable the "Right Click Mouse Function" and Put a "BOX" with text.

What I want to do on my Website is disable the webpage "COPY" function in IE 6.0 0r above ...
File
Save As

- and -
If possible, I would also like to disable the "PRINT" function in IE as well.
File
Print

I have searched many places but have not been able to find anyone who knows how to disable these functions.

Disabling the entire IE File Menu would be acceptable, but not preferable.

Can you assist me?
I am pretty new at this overall.
If you could give me the Java Script or HTML Code to insert that would be best.
Thanks,
Harry

PLZ HELP ME -- URGENT

THANKS IN ADVANCE

I HAVE SOME BUTTONS IN MY SCREEN.

I HAVE TO DISABLE SOME BUTTONS IF THE CONDITION IS TRUE ELSE THE OTHER BUTTONS TO BE DISABLED.

I HAVE GIVEN THESE BUTTONS IN THE <FILEDSET> TAG.

MY FORM NAME IS MYFORM -- THE CODE IS
DOCUMENT.MYFORM.REM_DELETE.DISABLED=TRUE

IT'S THROWING AN ERROR AS 'REM_DELETE' IS NOT AN OBJECT.

WHY IT IS SO????

If u have a submit input of type image (rather than a button) then use the following
method to disable the image and submit the form:

<input name="Search" type="image" src="/resources/images/buttons/search_bt_bl.gif" onclick="doSubmit(this)"></td>

function doSubmit(submitTypImage) {
submitTypImage.disabled = true;
submitTypImage.form.submit();
}

When u have a submit button (rather than an image) u don't need to sumbit() the form explicitly,
just the disable will do. In the case of a button the form gets submitted implicitly by the browser
when its clicked and so u can just have onclick="this.disabled=true" right on the <input> tag.
This is however not true for image type input submits.

Still I can't disable the image submit button :(

I have the following example:

<SCRIPT language=JavaScript> function Validate(FormName) {
if (FormName.FieldName.value == "") {
alert("Field is Null");
return (false);
}
FormName.SubmitImage.disabled=true;
return (true);
} </script>
<form name="FormName" action="test.html" onSubmit="return Validate(this)">
<input name="FieldName"><input type="Image" src="Image.gif" name="SubmitImage">
</form>

disable and image type buttons...

an easy way to do it :
use a function to check your different fields...

<FORM NAME="the_form" ACTION="..." METHOD="POST" onsubmit="return check_form()">

<script language="JavaScript">
var submitted=false;
function check_form() {
if (submitted == true) {
alert ("form already submitted") ;
return false;
}
else {
// everything is ok check the fields, ie using if (document.... .lenght == 0) alert...
submitted = true ;
}
}
</script>

It disables the aiblity to validate twice a form...
simple and efficient !

I need a Javascript which disables the form fields only after submitting the data to a database.I am working with PHP and MS Access 2000 on an ONLINE APPLICATION.
Thanks!!

If you want to make a script work only with IE, you are a suck webmaster, and even a stupid computer user!!

I got it to work - excellent. I can see a variety of uses for this (tho yet to test it in NS :)

But...
to get it working I had to read the page source and extract the <form name=form22>until</form> bit before I really understood.
It would be useful to have this presented as the code snippet.

many thanks

I need code to disable a radio button by selecting a particular value in a Drop Down Menus

does not work under IE 5.5

Would be nice to disable the 'Submit Comment' button in this page no ? ;o)

Hi,
Can anyone guide me to disable all the elements (show the fields on the page as readonly) by javascript?
I want to make the page as readonly

OK, I'm using this script in its simplest form. I have 2 checkboxes. The second is disabled until you click the first one.
That works fine.
But if you unclick the first checkbox, the second is still enabled.

Please Help!

no go in IE 6 .. tried many times

Just want to ask how to enable and disable textbox if the record is dynamically generated.
The text box will become enable depending on the checked checkbox which is also dynamic.
Hope i can find the right code this time.
thanks in advance!

I have a password field defined like

<input type="password" name="oldpassword" size="16">
Based on certain conditions, I need to enable it and
disable it

So I have a Javascript function wherein I am
coding the same as below

function some Func(..)
{
.....
if (condition) {
document.formname.oldpassword.disabled=true;
} else {
document.formname.oldpassword.disabled=false;
}
....
}

In Mozilla, it works the way I expected
meaning - the background color of the textfield
changes drastically enough to give the user the
impression that the field has been disabled

In IE (both 5.x and 6.0), the disabled doesn't allow
me to edit the password field but it does not dim/gray out
the password field to give the visual cue as to the fact
that this field has been disabled.

Any help/pointers would be very much appreciated..

thx
Tushar

Notice That the code is writtem in JScript and that True and False are case sensitive,
in case you get run time error:
"variable 'True' is undefined"

i wnat to know abt how to disable the submit button when the text box is empty can anyone send me the script i am new to this field

Hi,
Can anyone guide me to disable all the elements (show the fields on the page as readonly) by javascript?
I want to make the page as readonly

Urgent

Hi,

Does anyone have some code for changing the disabled fields text color? I want to change it from the greyed out color to something different. Can this even be done?

casp

I am also playing with image buttons. But instead I want to enable the button until there is a change in one of you text elements.

So, this is what I have so far:

This should enable the image button

<script language="javascript">
function enablebutton(submitTypImage) {
submitTypImage.disabled = true;
}
</script>


The button simply has disabled="true" within the element tag

On my text element I have:

onChange=="enablebutton(this)"

I GET THIS ERROR: "UPDATEBUTTON IS UNDEFINED"

"UPDATEBUTTON" is the id and name of the image button.

What am I missing ?

Hello,

I found this article very helpfull and concise,
yet I have a forward question about accessing elements width "document" and "elements"
combination. I use aspx development platform supported by microsoft, does anyone use this platform and have accessed "hidden" elements ex. dropdown list whose visible property is set to false. I have tried to use document.getElementById("ElementName") methods but have failed to get reach of them. As far as I know the problem is that hidden elements are not accessible by javascript script which is located and executed at client side. Could anyone suggest how can I get values and index of selected element in hidden drop down list.

Any help is appreciated.

Regards

Simon

i have read this article and it is excellent. but with regards to this topic, i would like to seek solution to this problem.

i have two combo boxes in my form. the enabling and disabling of the second combobox depends on the value of the first combobox.
for example, i only want to enable my second combobox if the value of the first combobox is A or B..

i want to know how do i disable a 'back' button from the page which is present on the browser.plz can someone tell me the sol.

I've put this line for disabling select box for validatin of form but it doesn't work, is there any body to helf me out

document.form1.selectbox.disabled = true;

cheers..

Hi concerning the enabling field in form elements.
I would like to know if it exists 1 that would disabled certain field when the user select an option from a drop down list?

Thanks.

Hi,
I would like to display a text box depending on if a checkbox was checked or not. When the checkbox is checked, I want the text box to appear. When it is unchecked, I want the text box to disappear.
Thanks in advance!

i am using something similar to the code below to disable an image submit .
however, instead of going back to the page in process after hitting ok on the alert window (this is after the button has been hit a second time) it goes to a browser window with the word 'false' in it (from the return false; statement).

i just want the initial submission to continue. any clue why this is?????
thanks for the help

<script language="JavaScript">
var submitted=false;
function check_form() {
if (submitted == true) {
alert ("form already submitted") ;
[b]return false;[/b]
}
else {
submitted = true ;
[b]document.form.submit();[/b]
}
}

i have a form on which i am opening one popup window so that user can select data which are coming from database.

and after selection user is supposed to click on OK and i am refreshing the page with the help of window.opener(). now my problem is that the on click of OK on popup the page load of Parent page(base page) is getting called twice.


can some body please help me out on this. thanks in advance.