Question

我正在进行用户名可用性检查。我做了jquery ajax调用，它的工作正常，如果用户名已经在使用我想制作红色的标签和文本框。为此，我在$Post()方法的回调函数中添加了css类。我遇到的问题是css不适用。我认为问题在于动态绑定事件所以请任何人帮助我。这是我的jquery脚本，

$(document).on('change', '#uName', function() {

    var uName = $(this).val();//get the string typed by user
    if (uName!=''){
        $.post('<%=request.getContextPath()%>/controller/UserNameCheckController',{'uName':uName},
               function(data) {
                   $('.status').html(data);
                   var status = $.trim($("#status").text());
                   if(status=="Username in use try another"){
                       $('#unameBlock').addClass('error'); 
                   }
               });
    }
    else{
        $('.status').html('');
    }
});

请帮我解决这个问题。感谢。

Answer 1

我认为错误在于您的班级选择器

更改

$.trim($("#status").text());

到

$.trim($(".status").text());
//--------^-----------------

Answer 2

尝试将其更改为

var status = $.trim($("#status").html());

它可能是.status或#status取决于您在HTML中使用的类或ID。

如何在jquery中动态绑定更改事件

2 个答案: