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

Question

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

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

现在，这里是棘手的部分。

单击该按钮一次，文本框中的文本仍然存在后，按钮应消失。

但是如果在textbox.text中有修改，按钮应该重新出现。

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

请紧急，我已经尽力去做，但迄今为止不成功。我也在谷歌做了很多研究，但到目前为止，我的发现都不符合我的情况。

您的帮助表示赞赏。

Answer 1

你得在这里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(); 
    }); 
}); 

Answer 2

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

Answer 3

禁用按钮，你可以做到这 -

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

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

Answer 4

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

}); 

您同样可以启用/禁用按钮，而不是显示/隐藏