基于TextBox.Text文本更改启用或禁用按钮

时间:2011-11-17 08:12:43

标签: c# javascript jquery asp.net ajax

我正在为我的公司创建一个Web应用程序。我的应用程序有一个按钮和一个文本框。

我想要做的是在文本框中输入一些值,然后当我点击按钮时,应用程序将根据文本框中的输入处理值。

现在这是棘手的部分。

单击按钮一次,文本框中的文本仍然存在,按钮将消失。

但是,如果textbox.text中有修改,则该按钮将重新出现。

但是如果textbox.tex以某种方式返回原始值,按钮将再次消失。

请它非常紧急,我已尽力做到这一点,但到目前为止还不成功。我也在谷歌做了很多研究,但到目前为止,我的研究结果都不适合我的情况。

感谢您的帮助。

4 个答案:

答案 0 :(得分:2)

你在这里http://jsfiddle.net/ywe9G/

var ori = '';
$(document).ready(function(){
    $('button').hide();
    $('input').keyup(function(){
        if($(this).val() != ori){
                $('button').show();
        }else{
            $('button').hide();
        }
    });
    $('button').click(function(){
        ori  = $('input').val();
        $(this).hide();
    });
});

答案 1 :(得分:1)

    private string oldTextboxValue = "";
    private void textBox1_TextChanged(object sender, EventArgs e)
    {
        if (textBox1.Text != oldTextboxValue)
        {
            button1.Visible = true;
        }
        else
        {
            button1.Visible = false;
        }
    }

    private void button1_Click(object sender, EventArgs e)
    {
        oldTextboxValue = textBox1.Text;
        button1.Visible = false;
    }

答案 2 :(得分:0)

要禁用按钮,您可以执行此操作 -

var oldvalue="";
$('#buttonid').click(function(){
//your code
oldvalue = $("#textBox").text();
this.hide();
}

$("#textBoxId").keypress(function(){
if(this.value!=oldvalue){
this.show();
}
}

答案 3 :(得分:0)

Demo here

<强> HTML

<textarea id='mytext' rows='4' cols='20'></textarea>
<br>
<input type="button" id='my_button' value="click">
<input type="hidden" id="my_hidden">

<强>的jQuery

var clicked=false;
jQuery(document).ready(function() {
    $("#my_button").click(function(){
        $("#my_hidden").val($("#mytext").val());
        $(this).hide();
        clicked=true;
    });

    $("#mytext").keyup(function(){
       if(clicked==true && $(this).val()==$("#my_hidden").val()) {
           $("#my_button").hide();
       }else if(clicked==true){
           $("#my_button").show();
       }
    });

});

您可以类似地启用/禁用按钮而不是显示/隐藏