Сторона клиента onTextChanged - PullRequest
Новая
       8

Сторона клиента onTextChanged

0 голосов
/ 06 декабря 2018

У меня есть два текстовых поля, одно с датой начала и одно с датой окончания.Я хотел бы изменить дату окончания на дату начала, если текстовое поле даты окончания пустое и текстовое поле даты начала установлено на дату без обратной передачи.Поэтому я пишу этот js-метод: 

function AutoFillOut() {
    if ($(".txtDateToEvent").val() == "")
        $(".txtDateToEvent").Val() = $(".txtDateFromEvent").Val();
    return false;
}

И вставил этот оператор в метод page_load: 

 txtDateFromEvent.Attributes.Add("onTextChanged", "javascript:AutoFillOut(this);");

Я также пробовал onKeyUp и OnChange вместо OnTextChanged.

Изменено AutoFillOut на 

function AutoFillOut() {
    if ($("#<%=txtDateToEvent.ClientID%>").val() == "")
        $("#<%=txtDateToEvent.ClientID%>").Val($("#<%=txtDateFromEvent.ClientID%>").Val())  ;
    return false;
}

Но все равно не работает.

Решение: JS: 

function AutoFillOut() {
    if ($('#<%=txtDateToEvent.ClientID%>').val() == "")
        $('#<%=txtDateToEvent.ClientID%>').val($('#<%=txtDateFromEvent.ClientID%>').val())  ;
    return false;
}

Page_Load 

txtDateFromEvent.Attributes.Add("onChange", "javascript:AutoFillOut()");

Спасибоза вашу помощь!

Ответы [ 2 ]

0 голосов
/ 06 декабря 2018

Вы можете попробовать это также 

<asp:TextBox ID="txtDateFromEvent" runat="server"></asp:TextBox>
<asp:TextBox ID="txtDateToEvent" runat="server"></asp:TextBox>

<script type="text/javascript">
    $(document).ready(function () {

        $('body').on('blur','input[id*=txtDateToEvent]', '', function () {
            if ($(this).val() == '') {
                $(this).val($('input[id*=txtDateFromEvent]').val());
            }
        });

    });
</script>
0 голосов
/ 06 декабря 2018

Вам не нужно добавлять атрибут в TextBox в коде позади.Вы можете добавить слушателя с помощью jQUery. 

<asp:TextBox ID="txtDateFromEvent" runat="server"></asp:TextBox>
<asp:TextBox ID="txtDateToEvent" runat="server"></asp:TextBox>

<script type="text/javascript">
    $(document).ready(function () {

        $('#<%= txtDateToEvent.ClientID %>').blur(function () {
            if ($('#<%= txtDateToEvent.ClientID %>').val() === '') {
                $('#<%= txtDateToEvent.ClientID %>').val($('#<%= txtDateFromEvent.ClientID %>').val());
            }
        });

    });
</script>
...