Validate a textbox using JQuery

Question

I have TextBox and a Button

first the button is in disabled position When the user starts typing the text in textbox the button should be enabled

How can i achieve this using JQuery or Java Script

Pradeep · Accepted Answer · 2011-03-09 06:01:20Z

5

Seems like you are a newbie to jQuery. I would say you start with jQuery Tutorials and then move on to jQuery Validate. If you prefer books to start with, you can pick up a copy of jQuery in Action.

answered Mar 9, 2011 at 6:01

Pradeep

3,2761 gold badge25 silver badges37 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Bhanu Prakash Pandey · Accepted Answer · 2011-03-09 06:06:20Z

1

you can try with this also

 <input type='text' id='textbox'>
    <input type="button" class="button-disabled" id="change" disabled="disabled" value="click">


    $("#textbox").keyup(checkForm).focus(checkForm);
    function checkForm()
    {
        if($("#textbox").val()=='')
           {
          $("#change").addClass("button-disabled").removeClass("button");
          $("#change").attr("disabled","disabled");
           }
           else
            {
           $("#change").removeClass("button-disabled").addClass("button");
           $("#change").removeAttr("disabled");
            }
       }

answered Mar 9, 2011 at 6:06

Bhanu Prakash Pandey

3,7851 gold badge26 silver badges16 bronze badges

Comments

DidierDotNet · Accepted Answer · 2011-03-09 06:03:29Z

1

<input type='text' id='textbox'>
<input type="button" id="button'" value="click me"> 

$('#button').attr('disabled', 'disabled');

$('#textbox').change(function(){$('#button').removeAttr('disabled')} );

answered Mar 9, 2011 at 6:03

DidierDotNet

1037 bronze badges

Comments

Praveen Prasad · Accepted Answer · 2011-03-09 06:05:15Z

1

<input type="text" id="myText">
<input type="submit" id="myButton" disabled="disable"/>


jQuery(function(){

jQuery('#myText').bind('keypress',function(e){
    if((jQuery(e.target).val()+"").length>0)
    {
       jQuery('#myButton').removeAttr('disabled');
    }
    else
    {
       jQuery('#myButton').attr('disabled','disable');
    }
});

});

answered Mar 9, 2011 at 6:05

Praveen Prasad

32.2k20 gold badges77 silver badges106 bronze badges

3 Comments

meouw Over a year ago

The if((jQuery(e.target).val()+"").length>0) could be simplified to if( this.value.length > 0 ) considering this will run on every keypress on the text input

user646751 Over a year ago

I HAVE TO DO WITH ASP COTROLS

Praveen Prasad Over a year ago

use clientID of control or add css class to the control and replace this "jQuery('#myText')" with "jQuery('.your_css_class_name')"

JohnP · Accepted Answer · 2011-03-09 06:03:15Z

0

<input type='text' id='thetext' value=''>
<input type='button' disabled='disabled' id='thebutton' value='the button'>

$(document).ready(function(){
   $('#thetext').change(function(){
      $('#thebutton').removeAttr('disabled');
   });
});

Read up on the jQuery API : http://api.jquery.com/

answered Mar 9, 2011 at 6:03

JohnP

50k13 gold badges112 silver badges142 bronze badges

1 Comment

user646751 Over a year ago

I WANT TO DO WITH ASP CONTROLS

Dolan Antenucci · Accepted Answer · 2011-03-10 04:41:36Z

0

HTML:

<input type='text' id='textbox'>
<input type="button" id="mybutton" value="click me">

JS:

$(document).load(function() {
    $('#mybutton').attr('disabled', 'disabled');
}

$('#textbox').change(function() {
    $('#mybutton').removeAttr('disabled');
}

Update: regarding the use of jQuery w/ ASP.NET, keep in mind that ASP.NET outputs standard HTML once the page is rendered, so the above code would work similarly, except you need to figure out the ID's of the textboxes generated by ASP.net. See this link for further explanation on this:
http://www.search-this.com/2009/08/06/using-jquery-with-asp-net-controls/

edited Mar 10, 2011 at 4:41

answered Mar 9, 2011 at 6:01

Dolan Antenucci

16k17 gold badges77 silver badges101 bronze badges

2 Comments

user646751 Over a year ago

I think this works for HTML controls,but i have asp.net controls

Dolan Antenucci Over a year ago

I updated my post to elaborate on the use of jquery w/ asp.net. hope that helps

Collectives™ on Stack Overflow

Validate a textbox using JQuery

6 Answers 6

Comments

Comments

Comments

3 Comments

1 Comment

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

Comments

Comments

3 Comments

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related