alert box in css inside jquery

Question

I want to show an error alert box inside the if block in jquery but error is coming. Can anybody help me here. I have found alert box from this website but in that case i have to click on Error Message Popup Alert to see the alert, but how can i add that Error Message Popup Alert alert inside my jquery if part so that without click that alert box will apear?

 $("#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 
      }             
     });
});

you can do it inside the if block what is the error you are getting — Rafay
– Rafay, Commented Feb 18, 2012 at 10:18
actually no alert box is appearing have you seen that website i have to click on Error Message Popup Alert alert to appear the alert but without any click it is not appearing — Phillipa
– Phillipa, Commented Feb 18, 2012 at 10:21
i have posted an answer with the demo add the js files inside the head section — Rafay
– Rafay, Commented Feb 18, 2012 at 10:41

Chamika Sandamal · Accepted Answer · 2012-02-18 10:21:54Z

1

call it like following code,

$("#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 
      }             
     });
});

answered Feb 18, 2012 at 10:21

Chamika Sandamal

24.4k5 gold badges68 silver badges88 bronze badges

Sign up to request clarification or add additional context in comments.

8 Comments

Phillipa Over a year ago

thanks for your answer but can you please add that Error Message Popup Alert(at 2nd position) from this website?

Phillipa Over a year ago

ok but what is this csscody? i have to write css coding in that function?

Chamika Sandamal Over a year ago

csscody is a JavaScript library. you don't need to do anything inside it. just add reference and call it. and if this solved your problem mark as answer.

Chamika Sandamal Over a year ago

you have to pass the data to the message. data.someProperty

Phillipa Over a year ago

ya it worked but after alert why some of other textboxes are being vanished? when i am refrshing that page then only these vanished textboxes are appearing. Any help please

|

francesco · Accepted Answer · 2012-02-18 10:24:41Z

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;

}

answered Feb 18, 2012 at 10:24

francesco

2,1533 gold badges19 silver badges24 bronze badges

Comments

Rafay · Accepted Answer · 2012-02-18 12:05:55Z

0

include the following js files in your HEAD section

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

then in the success handler inside the if block alert the message like

$("#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

edited Feb 18, 2012 at 12:05

answered Feb 18, 2012 at 10:38

Rafay

31.1k5 gold badges71 silver badges106 bronze badges

8 Comments

Phillipa Over a year ago

ya i included all files in head section but still it is not working like that alert.

Phillipa Over a year ago

in your demo it working fine but in your above code i cannot find any success handler

Rafay Over a year ago

AH! the function which you pass as the second argument of the getJSON function is called success handler

Phillipa Over a year ago

ya it worked but after alert why some of other textboxes are being vanished? Any help please

Rafay Over a year ago

did you selected the text box by id ? then it means you are using idetical ids on the page which is a bad practice, ids have to be unique

|

Collectives™ on Stack Overflow

alert box in css inside jquery

3 Answers 3

8 Comments

Comments

8 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

8 Comments

Comments

8 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related