-1

jquery 的新手，所以我可能在某些地方错过了一个重要的元素。在过去的几个小时里，我一直在挖掘并尝试了几种解决方案，但我尝试过的都没有解决这个问题。我要做的就是在“textboxUsername”失去焦点后执行一些代码。在直接的 javascript 中，我曾经通过将 onblur() 事件添加到特定的输入元素并调用函数来做到这一点。任何建议表示赞赏...

HTML：

<div>
<div class="heading">
    <span class="inside_heading">Register</span>
</div>
<div class="content_under_heading">
    <div class="rounded_div">
        <ul class="ulRegister">
            <li class="descLabel">
                Username:
            </li>
            <li class="inputInfo">
                <input type="text" id="textboxUsername"/>
            </li>
            <li class="successCheck" id="usernameSuccessCheck">
                <img id="usernameCheckImage" src="templates/images/check.png" class="noShow"/>
                <img id="usernameXImage" src="templates/images/check.png" class="noShow"/>
            </li>
        </ul>

        <label id="labelUsernameExists" class="registerIssue"></label>

    </div>
</div>
</div>

JavaScript

$(document).ready(function(){
//textboxUsername blur event
$("#textboxUsername").blur(function(){
    var possibleUsername = $("#textboxUsername").val();
    if(possibleUsername.length != 0){
        if(possibleUsername.length < 6){
            //display message
            var message = "Usernames must be at least 6 characters";
            $("#labelUsernameExists").text(message);
        } else{
            //ajax
        }
    }
});
});
4

1 回答 1

1

这个问题很新鲜。事实证明，我之前在动态添加到页面的覆盖 div 中的元素上使用了“textboxUsername”的 id。发布的代码是功能性的，因为它是从主应用程序中抽象出来的。感谢 pdoherty926 和 dystroy 指出这一点，最终引导我朝着正确的方向前进！

于 2013-08-11T23:03:26.143 回答