окно оповещения в CSS внутри JQuery

Question

Я хочу показать окно предупреждения об ошибке внутри if block in jquery, но ошибка наступает. Кто-нибудь может помочь мне здесь. Я обнаружил окно оповещения с этого веб-сайта , но в этом случае мне нужно нажать на всплывающее оповещение об ошибке, чтобы увидеть оповещение, но как мне добавить это всплывающее оповещение с сообщением об ошибке внутри моего jquery if part без щелчка появится окно с предупреждением?

 $("#textbox").keyup(function () {
    $.getJSON('check.jsp', {
        textboxname: this.value
    },function(data){
      if(data.isTrue){
          $("#textbox").val(''); //clear the text box and show that Error Message Popup Alert
      }
      else{
       //do something 
      }             
     });
});

Answer 1

if(data.isTrue){
    $("#textbox").val(''); //clear the text box and show that Error Message Popup Alert
    csscody.alert('<h1>Hello World</h1>');
    return false;

}

Answer 2

назовите это как следующий код,

$("#textbox").keyup(function () {
    $.getJSON('check.jsp', {
        textboxname: this.value
    },function(data){
      if(data.isTrue){
          $("#textbox").val(''); //clear the text box and show that Error Message Popup Alert
          csscody.alert(data);
      }
      else{
       //do something 
      }             
     });
});

Answer 3

включает следующие js-файлы в ваш HEAD раздел

http://csscody.com/demo/wp-content/demo/popup/js/jquery.easing.1.3.js

http://csscody.com/demo/wp-content/demo/popup/js/alertbox.js

http://csscody.com/demo/wp-content/demo/popup/js/style.css

затем в обработчике успеха внутри блока if выдается сообщение типа

$("#textbox").keyup(function () {
    $.getJSON('check.jsp', {
        textboxname: this.value
    },function(data){
      if(data.isTrue){
           csscody.alert("user name already exists");
          $("#textbox").val(''); //clear the text box and show that Error Message Popup Alert

      }
      else{
       //do something 
      }             
     });
});

DEMO