2013-08-10 3 views
-1

Новое в 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 
     } 
    } 
}); 
}); 
+0

Этот [Fiddle] (http://jsfiddle.net/MHfQh/) работает для меня. Произошла ли еще одна ошибка на другой странице? – pdoherty926

+0

Если вы уверены, что HTML правильный (то есть вы закрываете все div), он работает. –

ответ

1

вопрос завелся быть довольно послушником. Оказывается, что я ранее использовал идентификатор «textboxUsername» для элемента в оверлейном div, который динамически добавлялся на страницу. Выведенный код является функциональным, поскольку он был абстрагирован из основного приложения. Спасибо pdoherty926 и dystroy за указание, что в конечном итоге привело меня в правильном направлении!

+0

Не забудьте принять свой собственный ответ. –