1

我有一个 jQuery UI 对话框表单，它有一个 TinyMCE 编辑器。它适用于 Google Chrome 和 Internet Explorer 8+。

但是在 Firefox 中，当我在 TinyMCE 编辑器中编辑/更改内容并单击提交按钮时，页面第一次聚焦在 TinyMCE 编辑器上。第二次提交。

我正在使用 jQuery 验证插件进行表单验证（http://jqueryvalidation.org/）。我的代码如下（这在 IE 8+ 和 Google Chrome 中完美运行）：

//form submit function and the form validation 
jQuery('#frm').submit(function() {
        // update underlying textarea before submit validation
        tinyMCE.triggerSave(true,true);
    }).validate({
        errorClass: 'error',
        rules: {
            //validation rules
            'users':'required'
        },
        submitHandler: function(form) {
            //submit confirmatiom    
            if (confirm('Are you sure you want to submit the form?' ){
                $('#frm').ajaxSubmit({
                    beforeSubmit:   beforeFormSubmit, // pre-submit callback
                    success:        afterSubmit  // post submit callback
                });
                return false;
            }
        }
}); 

//pre-submit callback 
function beforeFormSubmit(){
  $('#btn_submit').val("Saving...");
  $.blockUI(); //block ui plugin
} 

//post submit callback 
function afterSubmit(response, status)  {
  if(status == 'success') {
        $('#message_box').html("Success.")
  }else{
        $('#message_box').html("Error : "+response)
  }
  $.unblockUI();  
}

谁能告诉我我在这里做错了什么？

4

1 回答 1

1

终于找到了解决办法！

它是由于模态的：创建 dialog() 实例时为'true'。我将其更改为 modal : 'false' 并解决了问题。

于 2013-06-14T12:30:58.723 回答