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

本文关键字：文本 按钮 于文本 启用 | 更新日期: 2023-09-27 18:14:50

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

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

现在是棘手的部分。

按钮点击一次后，文本框中的文字保留，按钮消失。

但是，如果在文本框中有修改。文本，按钮将重新出现。

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

这件事很紧急，我已经尽了最大的努力，但到目前为止还没有成功。我也在谷歌上做了很多研究，但到目前为止，我的发现都不符合我的情况。

谢谢你的帮助。

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

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

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

要禁用按钮，你可以这样做- 

var oldvalue="";
$('#buttonid').click(function(){
//your code
oldvalue = $("#textBox").text();
this.hide();
}
$("#textBoxId").keypress(function(){
if(this.value!=oldvalue){
this.show();
}
}

此处演示

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

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

相关文章：