忽略确认消息的选择

时间:2013-12-31 12:04:12

标签: javascript html setinterval confirm alertify

js创建确认消息。 我构建了一个Web应用程序,用户可以在其中更改图形的2个边界(使用更新按钮)。 当用户单击更新按钮时,会出现确认消息并要求用户确认此更改。

问题是当我点击'ok'或'取消'时无关紧要并且不会改变标志并且无论如何都会发生边界的变化(因为标志的初始值为真)。 console.log的消息,我已经知道该应用程序不会等待用户响应并继续执行其他代码行... 我试图将我的所有代码放在我发送的alertify函数(e)中,但它仍然不适用于我。 这是我的代码:

Alarm.prototype.updateAlarm=function(_limits){
var n=null;
var str="";
var changed_flag=false;
//create confirm dialog:
var engLimitMsg_1=" Upper Limit:";
var engLimitMsg_2=" Lower Limit:";
var hebLimitMsg_1=" גבול עליון:";
var hebLimitMsg_2=" גבול תחתון:";
var user_confirm=true;
var confirmMSG="";
if(_limits.length>=2){
    if(this.language_mode==HEB_MODE){
        confirmMSG+=ENG_CONFIRM_MSG;
        if(IsNumeric(parseInt(_limits[0]))){
            confirmMSG+=engLimitMsg_1+_limits[0];
        }
        if(IsNumeric(parseInt(_limits[1]))){
            confirmMSG+=engLimitMsg_2+_limits[1];

        }
    }
    else{
        confirmMSG+=ENG_CONFIRM_MSG;
        if(IsNumeric(parseInt(_limits[0]))){
            confirmMSG+=engLimitMsg_1+_limits[0];
        }
        if(IsNumeric(parseInt(_limits[1]))){
            confirmMSG+=engLimitMsg_2+_limits[1];

        }

    }

    alertify.confirm(confirmMSG, function (e) {
        if (e) {
            // user clicked "ok"
            user_confirm=true;
            console.log("user clicked ok");

        } else {
            // user clicked "cancel"
            user_confirm=false;
            console.log("user clicked cancel");

        }
    });
     //user has confirm the change!
    if(user_confirm){
        for (var i=0;i<_limits.length;i++){
            if(IsNumeric(parseInt(_limits[i]))){
                n=this.msgs[i].indexOf(this.limits[i].toString());
                this.limits[i]=_limits[i];
                this.msgs[i]=this.msgs[i].slice(0,n)+this.limits[i];
                changed_flag=true;
            }
        }
    }
    // clean past alerts in case of change limits.
    if(changed_flag)
        this.cleanPastAlerts();
    if(DEBUG_MODE)
        console.log("alarms update: upperLimit:"+this.limits[0]+" lowerLimit:"+this.limits[1]);

}
else{
    console.log("Error occurred!, array length is less than 2");
}

};

注意:这是我有时会得到的错误:

Uncaught TypeError: Cannot read property 'removeEventListener' of undefined 

2 个答案:

答案 0 :(得分:1)

您可以使用JavaScript内置的确认消息框吗?如果是这样,那很简单。

if (confirm("Press OK to accept"))
    alert("You accepted!");
else
    alert("You declined!");

答案 1 :(得分:1)

js在浏览器中从js确认停止执行js。当您使用“自定义确认”(js库确认)时,“自定义确认”下面的代码会继续执行,这就是您在那里获取消息的原因,因为它一直在执行并且您在函数内部定义了变量,当js尝试使用它们时,它显示“未定义的变量”。

你必须在alertfy中插入所有代码以确保它正常工作(我没有检查下面的代码,所以,请小心谨慎):

alertify.confirm(confirmMSG, function (e) {
    if (e) {
        // user clicked "ok"
        user_confirm=true;
        console.log("user clicked ok");

        for (var i=0;i<_limits.length;i++){
          if(IsNumeric(parseInt(_limits[i]))){
            n=this.msgs[i].indexOf(this.limits[i].toString());
            this.limits[i]=_limits[i];
            this.msgs[i]=this.msgs[i].slice(0,n)+this.limits[i];
            changed_flag=true;
        }
        // clean past alerts in case of change limits.
        if(changed_flag) {
          this.cleanPastAlerts();
        }
      }
    } else {
        // user clicked "cancel"
        user_confirm=false;
        console.log("user clicked cancel");

    }
});
if(DEBUG_MODE)
    console.log("alarms update: upperLimit:"+this.limits[0]+" lowerLimit:"+this.limits[1]);