JQuery弹出窗口以及如何阻止javascript代码逻辑落后

Question

I am using jquery.alert.js library to display alert, it worked great exception one case. In normal situation, if i use the default alert box of Javascript, the box display and user has to click ok button then the next code logic will be executed. However, in case of jAlert, it is using callback function so it will continue to execute the behind code and don't have to wait for user to click on OK button

1. Default alert box

    alert("There is an error"); 
    
   \n\n
    Do some thing after user click on OK ..... Some code behind  

2. jAlert box

    jAlert("There is an error", "error", function() { Do some thing afteruser click on OK }); ..... Some code behind 

I wonder if someone could give me some hints for this situation. Is there anyway to stop the javascript code executing the code behind until user choose OK button on the box?

Thank you in advance.

Answer 1

jAlert("There is an error", "error", function() {
   Do some thing afteruser click on OK
   .....
   Some code behind
});

Answer 2

Thank you Jakub for your answer and i am sorry i did not clarify my situation well enough. In real, i got the below code logic to validate the inputed data on keypress event.

if(config.maxlength compare to $(this).val().length){
    jAlert("There is an error");
    $(this).focus();
    event.stopPropagation();
    return;
}
$hidden.attr('value', $(this).val());

As the above content, the jAlert did not wait for user to click on OK button and just call [$(this).focus();], so the cursor is in the parent control and user can not click on OK button on the box.

If i use the default alert box in this case, it will wait user click on OK button then focus back to the validating control

As i am customizing an old system, so behind $hidden.attr('value', $(this).val()); i got a lot of other logic and sub-logic. If i have to use if condition like that, i think i could not control all the source code. So i wonder if existing a solution for this?