j确认框没有出现

时间:2014-09-26 18:07:12

标签: javascript jquery jconfirm

我有一个javascript函数,在单击表单提交按钮时会被调用,以进行一些验证。如果一切正常,则执行普通的javascript确认窗口以确保用户想要提交表单。但是,我想使用jConfirm根据我的需要定制标题,而不是"所以页面说:"。

以下是我所拥有的:

function validate(form) {
  var fieldcheck = true;

  if(!checkUSPhone (form.elements["phonenumber"],true))
    fieldcheck = false;
  if(!checkEmail (form.elements["emailaddress"],true))
    fieldcheck = false;

  if(fieldcheck) {
    jConfirm(("Submit Changes"), 'Are you sure?', function(fieldcheck) {
        if(fieldcheck)
        {
            alert("True");
            fieldcheck = true;
        }
        else
        {
            alert("False");
            fieldcheck = false;
        }
    });
  }

  return fieldcheck;
}

我正在使用jQuery v1.7.2并将jquery.alert.js v1.0.3和jquery.alert.css文件链接到该页面。

但是,当用户提交表单时,不会出现任何框并且页面提交。我在这里查看了其他示例,我的语法与之前的说法相符。

我错过了什么?

1 个答案:

答案 0 :(得分:0)

就像epascarello建议的那样,您只需要对代码进行一些更改:

function validate(form) {
  var fieldcheck = true;

  if(!checkUSPhone (form.elements["phonenumber"],true))
    fieldcheck = false;
  if(!checkEmail (form.elements["emailaddress"],true))
    fieldcheck = false;

  if(fieldcheck) {
    jConfirm(("Submit Changes"), 'Are you sure?', function(fieldcheck) {
        if(fieldcheck)
        {
            alert("True");
            form.submit();// The user has confirmed, we proceed to submit.
        }
        else
        {
            alert("False");
            fieldcheck = false;
        }
    });
  }

  return false;// Prevent submit. We'll submit the form after the user has confirmed through jConfirm.
}