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.

Hey everyone,

I am learning javscript and i figured this might be a good place to find out how to enable/disable a link. I am creating a Data CD, and I have a program on it that I use to view documents, but before I can view the documents I need to install this program. What I need to know is how can I tell a link to be disabled until this program is installed, and then enable its self once the program is installed. Would anyone be out there to give me a hand with this?

Thanks

I have been looking for this for sometime.Thank you.

sir,
I want to know how to disabled or enabled javascript through code? i.e. first of all i disable the java script from I.E or Mozila web browser, then i want to run my java script on that browser. Please inform me this is urgent.
My id is : nandanik2004@yahoo.com
nandanik2004@hotmail.com
in subject line u must refer "Java script disabled"
Bye

hai ,i am new to javascript. i know basics of javascript.i have problem that is .i want to disable the textboxes when i check one of the radio buttons .and when i check the other radio button the text boxes must be enabled.can u help me ?

Hello out there:

Can anyone tell me how to style a
text field based on its disable status?

This is the concept
disabled.true; //text field is styled to #999999
disabled.false; // text field is styled to #cccccc

I wrote this as a stab in the dark

<style>

#document.form1.Address1.disabled
{ background:#999999;}
</style>

I know this is not even close but I did read or hear something about CSS styling javascript.

I'd appreciate the help....

Thanks

Dear all

This article does not point out that there is extra when disabling/enabling radio buttons.

The usual manner of setting the disabled property is:

document.formname.fieldname.disabled=bool;

However, radio buttons are grouped by fieldname, meaning that several radio buttons have the same name. You would be forgiven for thinking that using the above syntax would disable all buttons of the same name, but you would be wrong. In fact, radio buttons create an array of that field name, so you have to do each one individually:

document.formname.radiobuttonname[0].disabled=bool;
document.formname.radiobuttonname[1].disabled=bool;

etc.

You may wish to use a for loop to go through them if you have a dynamically-created set of radio buttons.

Dear all,

In this page i saw only the disabling part..

I am creating table using perl in a page. Basically I am disabling when i open the page. But i want to enable and edit the values when I click the checkbox.

How can I do this?

Please help me...
Other wise my boss will shoot out me..

Thank u all.

if u have this type of any problem pls visit to http://www.xpertteam.com
thx

HI I WANT TO ENABLE A SELECT BOX ON CLICK OF A radio button...how ever i have to use html:select for the select box... and i have my select box and radio button in a logic:iterate tag... so when i click a particular radio button that particu;ar select box has to be enabled....

Please help me out with this...

Hi anithacs10!

Here's the code how to enable texbox by cliking checkbox. It will also disable textbox again if you tick-out the checkbox.

I hope I was'n too late and this was helpful.

<form1>
<input type="checkbox" name="enableOperator" value="done" onchange = "if(document.form1.operator.disabled==true) {javascript:document.form1.operator.disabled=false;} else {javascript:document.form1.operator.disabled=true;}" />

<input type="text" name="operator" value="Name of operator" disabled />
</form>

Hi Everyone

I am all new to all this scripting, but was wondering if anyone knew of a way to disable ALL "copy" features as well as disabling ALL "print" features, (Inc. prnt scrn)

Honestly the number of people who "steal" things from the site is intollerable.

thanks to all

rob

I have experience doing basic websites, but I need help here.

I want to ask users to specify how they want to be contacted. Until they check a radio button, the phone, e-mail or postal address fields would be inaccessible and greyed out. Only when they check a radio button can they enter information. How do I do this?

I have a field which is disabled/enabled depending on the value displayed in drop down menu.Once I choose a value,the textbox get disabled and the form is submitted.Then it goes to a confirmation page wher there is an option that either the user can go back to the previous page and modify his entries or submit further.But when the user tries to go back to the previous page by clicking 'BACK ' button given in the confirmation page ,the already disabled textbox get enabled.Can anyone please give me a solution?

Hi,

Is there a way i can change the color of a text field /prevent user to edit its value and at the same time retain the value that is entered on form submission.

What i had tried is i disabled that test field but the trouble is that on form submission the value of this field is coming as null.The idVal here is the object holding my text field value


[b]
if (idVal== null || idVal.trim().length() == 0) {
do smthing...
}[/b]

can smone please help me sort it out...its really urgent.

var obj=document.getElementById('checkbox1');
//for disable the control
if(obj.checked)
{
obj.disabled="disabled";
}
else //for enable make it to null like ''
{
obj.disabled='';
}

It works fine to me.

Regards
Aru

fg

Hey guys i need help on this.....well when i click on my button called "Start game" it shud enable the radio buttons...can any1 help me?.and i have some radio buttons as follows
<form name="questions"><p>
Question 1: WARM-UP: Who created the famous WarCraft 2?<br><br>
<input type="radio" name="q1" onClick="displayResult(1);" disabled="true">Sierra On-Line<br>
<input type="radio" name="q1" value="correct" onClick="displayResult('a'); " disabled="true">BlueByte<br>
<input type="radio" name="q1" onClick="displayResult(1);" disabled="true">Blizzard Entertainment<br>
<input type="radio" name="q1" onClick="displayResult(1);" disabled="true">Microsoft