Новое в jquery, так что, возможно, я пропустил жизненно важный элемент где-то вдоль линий. Я копаю последние пару часов и попробовал несколько решений, но ничто из того, что я пробовал, не разрешает делимиту. Все, что я пытаюсь сделать, это выполнить некоторый код, как только «textboxUsername» теряет фокус. В прямом javascript я использовал это, добавив событие onblur() к определенному элементу ввода и вызвав функцию. Любые советы оценили ...jQuery .blur() не срабатывает и не работает .focusout()?
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
}
}
});
});
Этот [Fiddle] (http://jsfiddle.net/MHfQh/) работает для меня. Произошла ли еще одна ошибка на другой странице? – pdoherty926
Если вы уверены, что HTML правильный (то есть вы закрываете все div), он работает. –