how to enable/disable textbox in JavaScript

35 New Member

Javascript help

hi guyz i have a question how can i disable all my textbox in my form if my verification code is not correct? e.g(my verification code is " ng075 " if ng075 is not put in my textbox then the other textbox must be disable..all suggestion are well appreciated..th anks guys in advance i'm really having a hard time right now:(

Apr 19 '12 #1

Subscribe Reply

17325

SeanPD

New Member

I will offer a JQuery script as the Javascript is a bit long and it is SO simple in JQuery.

First lets include the JQuery Library from Google.

Expand|Select|Wrap|Line Numbers

  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
 

Next lets assume you verification code input box has an attribute ID="VerifyCD".

We add a functiuon to fire OnBlur (when you leave the verification text box) that will check the code and enable/disable all other input text boxes:

Expand|Select|Wrap|Line Numbers

 $('#VerifyCD).blur(function() {

    if ($('#VerifyCD).val() <> "ng075" ) {

        $('input:text').attr('disabled', true);

        $('#VerifyCD).removeAttr('disabled');

    } else {

        $('input:text').removeAttr('disabled');

    }
 
});

How it works:
$('#VerifyCD).b lur(function() just means when the user leaves the VerifyCD textbox, run this function.

if ($('#VerifyCD). val() <> "ng075" ) just says if the value they entered is NOT your verify code then
$('input:text') take all text input boxes
.attr('disabled ', true); and set their disable attribute to true

Expand|Select|Wrap|Line Numbers

$('#VerifyCD).removeAttr('disabled');

alweays re-enable our VerifyCD text box

Expand|Select|Wrap|Line Numbers

} else {

$('input:text') take all text input boxes
.removeAttr('di sabled'); and remove their disable attr
}

I know it is not quite what you asked for, but I hope that helps.

Sean

Apr 19 '12 #2

SeanPD

New Member

YIKES ...
Everywhere I said $('#VerifyCD)
it should be: $('#VerifyCD')
sorry, I missed the closing quote.

Apr 19 '12 #3

ehpratah

New Member

thanks Sean for the rply i'll be in touch with you i'll try it first if it will work..thanks again

Apr 20 '12 #4

Bharat383

New Member

Expand|Select|Wrap|Line Numbers

 <head>

<script type="text/javascript">

    function kk1()

    {

        document.getElementById("txt1").disabled  = true;

    }

    function kk2()

    {

        document.getElementById("txt1").disabled  = false;
 
    }

</script>

</head>

<body>

    <input type="button" name="btn1" id="btn1" onclick="kk1()"  value="Disable" />

    <input type="button" name="btn2" id="btn2" onclick="kk2()" value="Enable" />

    <br />

    <input type="text" name="txt1" id="txt1" value="" />

<body>

Apr 21 '12 #5

SHANIKA

New Member

First Create html page with 2 button and 1 textbox.this tutorial learn about the Text box disable using javascript.if Yes Button is click, the TextBox enabled and if No Button is click the TextBox disabled.

this article I will Learn with an example, How to Enable or Disable TextBox on Button Click using JavaScript. if Yes Button is click, the TextBox enabled and if No Button is click the TextBox disabled.

Feb 18 '20 #6

SioSio

272

Contributor

I wrote the code as requested by ehpratah.

Expand|Select|Wrap|Line Numbers

 <head>

<script type="text/javascript">

function changeDisabled(){

  var obj_1 = document.getElementById("txt1");

  var obj_2 = document.getElementById("txt2");

  var obj_3 = document.getElementById("txt3");

  if(obj_1.value == "ng075"){

    obj_2.disabled = false;

    obj_3.disabled = false;

  }else{

    obj_2.disabled = true;

    obj_3.disabled = true;

  }

}

</script>

</head>

<body>

  <input type="text" value="" id="txt1" />

  <input type="text" value="" id="txt2" disabled />

  <input type="text" value="" id="txt3" disabled />

  <input type="button" value="Button" id ="btn1" onclick="changeDisabled();" />

</body>

Feb 18 '20 #7

Similar topics

9732

NEED HELP W/ ENABLE/DISABLE CHECKBOXES AND TEXTBOXES

by: HolaGoogle | last post by:

Hi all, Can you please tell me what's wrong with my code??? i do have this database in wich i have to field.One is a "yes/no" field and another one is "number" field. To display the yes/no field in my asp form i use a checkbox and fot he other field i use a normal text box. if the yes/no field is checked then the other field is enabled otherwise it has to be disabled.Here's what i've done so far: Do While Not ObjRS.EOF <td><input...

ASP / Active Server Pages

6452

ENABLE/DISABLE CHECKBOXES AND TEXTBOXES PROBLEM

by: HolaGoogle | last post by:

Can you please tell me the right way to do this?? it's realy important! thanks in advance... Hi all, Can you please tell me what's wrong with my code??? i do have this database in wich i have to field.One is a "yes/no" field and another one is "number" field. To display the yes/no field in my asp form i use a checkbox and fot he other field i use a normal text box. if the yes/no field is checked then the other field is enabled...

ASP / Active Server Pages

9200

enable - disable <select>.

by: Bob Bedford | last post by:

I've this code: function checkdate(FormSubmit){ alert(document.getElementById('Mois').value); if(eval(document.getElementById('Mois'))>0 && eval(document.getElementById('Annee'))>0){ document.forms.getElementByID('SELECTCONSTRUCTOR').disabled = false; //can't reach the control here } else

Javascript

15948

Enable/Disable RequiredFieldValidator

by: Alphonse Giambrone | last post by:

I am trying to enable/disable a requiredfieldvalidator on the client side and am generating an error. I had found some documentation on validation which states that I should be able to enable/disable validators on the client side. http://msdn.microsoft.com/library/default.asp?url=/library/en-us/dnaspp/html/aspplusvalid.asp According to it and the little other info I was able to find, the way to accomplish what I want it to call...

.NET Framework

4243

Enable/Disable and clearing values

by: hortoristic | last post by:

We are using JavaScript to Enable/Disable certain fields on web pages based on business rules. A simple example is if when using an option type tag, and the two options are Yes and No. If YES is selected - enable a field to use the M$ Datepicker. Using the code below works for most of our fields, however the problem is that when the field is re-enabled - it remembers the original date or data prior to it being disabled - despite the...

Javascript

3081

Is it possible to enable/disable scripting in IE programmatically?

by: MJB | last post by:

I am using the embedded ActiveX IE WebBrowser component in my C# application. I want to be able to Enable/Disable javascripting programmatically. I was wondering if there was a way to achieve this? I was hoping maybe there was a registery entry I could modify directly. Any help will be appreciated. Thanks, Matt

C# / C Sharp

6942

Client-side enable/disable button

by: M O J O | last post by:

Hi, I have a webform with a textbox and a button. When the textbox is empty (=""), I want the button to be disabled. When the user enters text in the textbox, the button must be enabled. Is this possible? (please if possible, show me the code)

ASP.NET

2375

How do you enable/disable JavaScript in Internet Explorer v6

by: Water Cooler v2 | last post by:

How do you enable/disable JavaScript in Internet Explorer v6?

Javascript

20851

Enable/Disable TextBox Scrolling?

by: kfank | last post by:

I have a multi-line TextBox with a vertical scrollbar that logs data from a realtime process. Currently, whenever a new line is added the textbox scrolls to the bottom so you can see the last entry. I would like to suspend this behavior if the user has used the scrollbar to view somewhere else in the textbox. Is there a preferred way to do this? There does not appear to be any mouse events for the scroll bar - they only fire over the client...

C# / C Sharp

3191

How to enable/disable controls against a user's permission via Type Casting

by: sanndeb | last post by:

I want to enable/disable controls of a asp.net page against a logged in user's permission. say 'admin' & 'hr' can change user's birth date text-box in a page but others will see the text-box as disabled. so i wrote a function like this public enum UserRoles { GroupLead = 0x2, WebAdmin = 0x4, Developers = 0x8, Hr = 0x10,

ASP.NET

8421

What is ONU?

by: marktang | last post by:

ONU (Optical Network Unit) is one of the key components for providing high-speed Internet services. Its primary function is to act as an endpoint device located at the user's premises. However, people are often confused as to whether an ONU can Work As a Router. In this blog post, we’ll explore What is ONU, What Is Router, ONU & Router’s main usage, and What is the difference between ONU and Router. Let’s take a closer look ! Part I. Meaning of...

General

8844

Problem With Comparison Operator <=> in G++

by: Oralloy | last post by:

Hello folks, I am unable to find appropriate documentation on the type promotion of bit-fields when using the generalised comparison operator "<=>". The problem is that using the GNU compilers, it seems that the internal comparison operator "<=>" tries to promote arguments from unsigned to signed. This is as boiled down as I can make it. Here is my compilation command: g++-12 -std=c++20 -Wnarrowing bit_field.cpp Here is the code in...

C / C++

8621

Discussion: How does Zigbee compare with other wireless protocols in smart home applications?

by: tracyyun | last post by:

Dear forum friends, With the development of smart home technology, a variety of wireless communication protocols have appeared on the market, such as Zigbee, Z-Wave, Wi-Fi, Bluetooth, etc. Each protocol has its own unique characteristics and advantages, but as a user who is planning to build a smart home system, I am a bit confused by the choice of these technologies. I'm particularly interested in Zigbee because I've heard it does some...

General

6177

Access Europe - Using VBA to create a class based on a table - Wed 1 May

by: isladogs | last post by:

The next Access Europe User Group meeting will be on Wednesday 1 May 2024 starting at 18:00 UK time (6PM UTC+1) and finishing by 19:30 (7.30PM). In this session, we are pleased to welcome a new presenter, Adolph Dupré who will be discussing some powerful techniques for using class modules. He will explain when you may want to use classes instead of User Defined Types (UDT). For example, to manage the data in unbound forms. Adolph will...

Microsoft Access / VBA

4173

Trying to create a lan-to-lan vpn between two differents networks

by: TSSRALBI | last post by:

Hello I'm a network technician in training and I need your help. I am currently learning how to create and manage the different types of VPNs and I have a question about LAN-to-LAN VPNs. The last exercise I practiced was to create a LAN-to-LAN VPN between two Pfsense firewalls, by using IPSEC protocols. I succeeded, with both firewalls in the same network. But I'm wondering if it's possible to do the same thing, with 2 Pfsense firewalls...

Networking - Hardware / Configuration

4330

Windows Forms - .Net 8.0

by: adsilva | last post by:

A Windows Forms form does not have the event Unload, like VB6. What one acts like?

Visual Basic .NET

2743

transfer the data from one system to another through ip address

by: 6302768590 | last post by:

Hai team i want code for transfer the data from one system to another through IP address by using C# our system has to for every 5mins then we have to update the data what the data is updated we have to send another system

C# / C Sharp

1971

How to add payments to a PHP MySQL app.

by: muto222 | last post by:

How can i add a mobile payment intergratation into php mysql website.

PHP

1734

Comprehensive Guide to Website Development in Toronto: Expert Insights from BSMN Consultancy

by: bsmnconsultancy | last post by:

In today's digital era, a well-designed website is crucial for businesses looking to succeed. Whether you're a small business owner or a large corporation in Toronto, having a strong online presence can significantly impact your brand's success. BSMN Consultancy, a leader in Website Development in Toronto offers valuable insights into creating effective websites that not only look great but also perform exceptionally well. In this comprehensive...

General