jquery 与 Asp.net 中的文本更改事件

发布于 2024-12-13 10:18:29 字数 487 浏览 1 评论 0原文

我有 2 个文本框，如果我在 textbox1 中写入任何内容，它应该立即反映在 textbox2 中，如果我在 textbox2 中写入任何内容，它应该反映在 textbox1 中。

那么我该怎么做呢？我之前看过这篇文章，如何在两个文本框之间实现？

http://www.zurb.com/playground/jquery-text-change -custom-event

这是我的文本框：

<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>

原文

I have 2 textboxes and If I write anythng in textbox1 it should reflect immediately in textbox2 and If I write anything in textbox2 it should reflect in textbox1.

So how do I do that?
I have seen this article before and how to Implement between two textboxes?

http://www.zurb.com/playground/jquery-text-change-custom-event

Here are my textboxes:

<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
<asp:TextBox ID="TextBox2" runat="server"></asp:TextBox>

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

旧竹 2024-12-20 10:18:30

上述引用文本框的方法不起作用。 ASP.NET 为服务器控件生成一些 id。

有一个相对干净的解决方案。我建议您将类添加到文本框中。

<asp:TextBox ID="TextBox1" CssClass="textbox1" runat="server"></asp:TextBox>
<asp:TextBox ID="TextBox2" CssClass="textbox2" runat="server"></asp:TextBox>

jquery 代码如下：

$('.textbox1').keyup(function() {
    $('.textbox2').val($(this).val());
});

$('.textbox2').keyup(function() {
    $('.textbox1').val($(this).val());
});

您可以在 jsfiddle 上看到使用 vanilla html 的示例： http://jsfiddle.net/HUFGD /

The above way of referencing the textboxes won't work. ASP.NET generates some id for the server controls.

To have a relatively clean solution. I would suggest you add classes to the text boxes.

<asp:TextBox ID="TextBox1" CssClass="textbox1" runat="server"></asp:TextBox>
<asp:TextBox ID="TextBox2" CssClass="textbox2" runat="server"></asp:TextBox>

The jquery code will be as follows:

$('.textbox1').keyup(function() {
    $('.textbox2').val($(this).val());
});

$('.textbox2').keyup(function() {
    $('.textbox1').val($(this).val());
});

You can see an example using vanilla html at jsfiddle: http://jsfiddle.net/HUFGD/

回复收藏 0 原文

明媚如初 2024-12-20 10:18:30

这可能是个好伎俩

        $("input[id*='txtQty']").keyup(function (event) {
        var oldValue = event.target.defaultValue;
        var newValue = event.target.value;
        if (jQuery.trim(newValue) == "") {
            alert("Quantity can't be empty");
            $("input[id*='txtQty']").val(oldValue);
        }
    });

this could be good trick

        $("input[id*='txtQty']").keyup(function (event) {
        var oldValue = event.target.defaultValue;
        var newValue = event.target.value;
        if (jQuery.trim(newValue) == "") {
            alert("Quantity can't be empty");
            $("input[id*='txtQty']").val(oldValue);
        }
    });

回复收藏 0 原文

玻璃人 2024-12-20 10:18:29

$('#TextBox1').keydown(function(){
    $('#TextBox2').val($(this).val())
})
$('#TextBox2').keydown(function(){
    $('#TextBox1').val($(this).val())
})

$('#TextBox1').keydown(function(){
    $('#TextBox2').val($(this).val())
})
$('#TextBox2').keydown(function(){
    $('#TextBox1').val($(this).val())
})

回复收藏 0 原文

话少心凉 2024-12-20 10:18:29

var $tbs = $("input[id^='TextBox']");
$tbs.keyup(function() {
    var that = this;
    $tbs.each(function() {
       $(this).val(that.value);
    }); 
});

演示：http://jsfiddle.net/SGcEe/2/

var $tbs = $("input[id^='TextBox']");
$tbs.keyup(function() {
    var that = this;
    $tbs.each(function() {
       $(this).val(that.value);
    }); 
});

Demo: http://jsfiddle.net/SGcEe/2/

回复收藏 0 原文

~没有更多了~