验证使用JQuery

Question

一个文本框，我有文本框和按钮

第一按钮处于禁用位置 当用户开始输入按钮应启用

在文本框中 文本我如何才能做到这一点使用JQuery或Java脚本

Answer 1

你可以用这个也

<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"); 
      } 
     } 

Answer 2

似乎你是jQuery的新手。我会说你从jQuery Tutorials开始，然后移动到jQuery Validate。如果您更喜欢开始的书籍，您可以拿起jQuery in Action的副本。

Answer 3

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'); 
} 

更新：关于使用jQuery的W/ASP.NET，请记住，ASP.NET输出标准的HTML一旦呈现页面时，所以上面的代码可以类似地工作，除非你需要找出由ASP.net生成的文本框的ID。请参阅本此链接作进一步的解释：
http://www.search-this.com/2009/08/06/using-jquery-with-asp-net-controls/

Answer 4

<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'); 
    }); 
}); 

阅读上的jQuery的API：http://api.jquery.com/

Answer 5

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

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

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

Answer 6

<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'); 
    } 
}); 

});