在客户端更改文本框值并在服务器端读取它

时间:2014-03-31 07:31:49

标签: javascript asp.net asynchronous textbox updatepanel

我有一些文本框,我在clientside(javascript)中更改了此文本框的值,值已更改,但是当我在回发后在服务器端读取实际值未更改。我的文本框不是只读或禁用。 注意我使用updatepanel和我的回发是async.any想法解决这个问题?

更新 我使用this jquery来支持ie中的占位符,但它导致我的文本框的值等于占位符值,并且当我的回发是异步时这会发生冲突。为了解决这个问题,我使用下面的jquery代码:

function EndRequestPostBackForUpdateControls() {
//*****************************For place holder support in ie******************************
if (runPlaceHolder != 0) {
    //alert('end');
    $('input, textarea').placeholder();


    var $inputs = $('.placeholder');
    $inputs.each(function () {

        var $replacement;
        var input = this;
        var $input = $(input);
        var id = this.id;
        if (input.value == '') {
            if (input.type == 'password') {
                if (!$input.data('placeholder-textinput')) {
                    try {
                        $replacement = $input.clone().attr({ 'type': 'text' });
                    } catch (e) {
                        $replacement = $('<input>').attr($.extend(args(this), { 'type': 'text' }));
                    }
                    $replacement
                    .removeAttr('name')
                    .data({
                        'placeholder-password': $input,
                        'placeholder-id': id
                    })
                    .bind('focus.placeholder', clearPlaceholder);
                    $input
                    .data({
                        'placeholder-textinput': $replacement,
                        'placeholder-id': id
                    })
                    .before($replacement);
                }
                $input = $input.removeAttr('id').hide().prev().attr('id', id).show();
                // Note: `$input[0] != input` now!
            }
            $input.addClass('placeholder');
            $input[0].value = $input.attr('placeholder');
        } else {
            $input.removeClass('placeholder');
        }
    });
}}
function safeActiveElement() {
// Avoid IE9 `document.activeElement` of death
// https://github.com/mathiasbynens/jquery-placeholder/pull/99
try {
    return document.activeElement;
} catch (err) { }}

function BeginRequestPostBackForUpdateControls() {
//*****************************For place holder support in ie******************************
if (runPlaceHolder != 0) {
    // Clear the placeholder values so they don't get submitted
    var $inputs = $('.placeholder').each(function () {
        var input = this;
        var $input = $(input);
        if (input.value == $input.attr('placeholder') && $input.hasClass('placeholder')) {
            if ($input.data('placeholder-password')) {

                $input = $input.hide().next().show().attr('id', $input.removeAttr('id').data('placeholder-id'));
                // If `clearPlaceholder` was called from `$.valHooks.input.set`
                if (event === true) {
                    return $input[0].value = value;
                }
                $input.focus();
            } else {
                alert($(this)[0].value);
                $(this)[0].value = '';
                alert($(this)[0].value);
                $input.removeClass('placeholder');
                input == safeActiveElement() && input.select();
            }
        }
    });
}}

$(document).ready(function () {

    var prm = Sys.WebForms.PageRequestManager.getInstance();
    prm.add_beginRequest(BeginRequestPostBackForUpdateControls);

    prm.add_endRequest(EndRequestPostBackForUpdateControls);

});

我使用此代码在发送到add_beginRequest中的服务器之前清除我的文本框值,并在add_endRequest中设置值(对于ie中的占位符)。 有谁可以帮助解决这个问题?谢谢。

2 个答案:

答案 0 :(得分:3)

您使用value更改了TextBox的{​​{1}},并且未更新相应的javascript。您可以使用ViewState字段将值存储在javascript中,并将其置于后面的代码中。

HTML

hidden

的JavaScript

<input type="hidden" id="hdn" runat="server" />

背后的代码

document.getElementById("hdn").value = "your value";

答案 1 :(得分:0)

如果你没有得到任何解决方案,我的建议是,“使用隐藏字段存储值,并在服务器端检索它#39;