文本框值更改事件未被触发jquery

时间:2014-01-08 10:20:12

标签: ajax forms javascript-events jquery

我通过ajax调用填充texbox值。我希望在值被填满时更改事件被触发。

ajax call

$.ajax({
    url: 'ajaxExecute.aspx/GetCustInfoTeller',
    data: strRequest,
    dataType: "json",
    contentType: "application/json",
    cache: false,
    context: document.body,
    type: 'POST',

    success: function (response) {
        var saResponse = response.d.split("|");
        $('#txtDateofBirth').val(saResponse[0]); // For this textbox change event gets fired    
    }
});

变更事件处理程序代码

$("#txtDateofBirth").bind('change', function () {
    alert('1');
    var today = new Date();
    var birthDate = new Date($("#txtDateofBirth").val());
    var age = today.getFullYear() - birthDate.getFullYear();
    var m = today.getMonth() - birthDate.getMonth();
    if (m < 0 || (m === 0 && today.getDate() < birthDate.getDate())) {
        age--;
    }
    alert(age);
    if (age > 7) {
        $('#trMinor').hide();
    }
    else {
        $('#trMinor').show();
    }
});

txtDateofBirth通过ajax

输入值时,我没有收到警报

1 个答案:

答案 0 :(得分:5)

您必须手动触发事件,只有在用户界面启动更改时才会自动触发事件。以编程方式设置值不会触发change事件。

您可以使用.trigger() jQuery方法触发事件:

$('#txtDateofBirth').val(saResponse[0]).trigger('change');
//or
$('#txtDateofBirth').val(saResponse[0]).change();