Javascript 使用JQuery验证文本框

我有文本框和按钮

首先，按钮处于禁用位置 当用户开始在文本框中键入文本时 应启用该按钮

---

如何使用JQuery或Java脚本实现这一点看起来您是JQuery的新手。我会说你先从开始，然后继续。如果您喜欢从书籍开始，您可以选择一本。

HTML:

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

更新：关于jQuery w/ASP.NET的使用，请记住，ASP.NET在呈现页面后会输出标准HTML，因此上述代码的工作原理类似，只是需要计算ASP.NET生成的文本框的ID。请参阅此链接以了解有关此的进一步说明：

$（文档）.ready（函数（）{
$（'#thetext'）.change（function（）{
$（“#按钮”）.removeAttr（'disabled'）；
});
});

阅读jQueryAPI:

$（“#按钮”）.attr（'disabled'，'disabled'）；
$（'#textbox'）.change（function（）{$（'#button'）.removeAttr（'disabled'）}）；

jQuery（函数（）{
jQuery（'#myText'）.bind（'keypress'，函数（e）{
if（（jQuery（e.target）.val（）+“”）.length>0）
{
jQuery（“#myButton”）.removeAttr（'disabled'）；
}
其他的
{
jQuery（'#myButton'）.attr（'disabled'，'disabled'）；
}
});
});

您也可以试试这个

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

$（“#文本框”）.keyup（checkForm）.focus（checkForm）；
函数检查表（）
{
if（$（“#文本框”）.val（）=''）
{
$（“#更改”）.addClass（“按钮禁用”）.removeClass（“按钮”）；
$（“变更”）.attr（“禁用”、“禁用”）；
}
其他的
{
$（“#更改”）.removeClass（“按钮禁用”）.addClass（“按钮”）；
$（“#更改”）.removeAttr（“禁用”）；
}
}

if（（jQuery（e.target.val（）+）.length>0）可以简化为

if（this.value.length>0）

考虑到这将在文本输入的每个按键上运行，我必须使用ASP控件的clientID或将css类添加到控件中，并用“jQuery（'#myText'）”替换为“jQuery（'.your#css_class_name'）”我想使用ASP控件我认为这对HTML控件有效，但我有ASP.net控件我更新了我的帖子，详细介绍了jquery w/ASP.net的使用。希望有帮助

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

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

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

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

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

});

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