Question

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

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

我正在使用jQuery验证插件进行表单验证（http://jqueryvalidation.org/）。我的代码如下（这在IE 8+和谷歌浏览器中非常完美）：

//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();  
}

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

Answer 1

最后，找到了解决方案！

由于模态：＆＃39; true＆＃39;在创建dialog（）实例时。我将其更改为模态：＆＃39; false＆＃39;它解决了这个问题。

使用TinyMCE的jQuery UI Dialog阻止了Firefox中的第一个按钮点击

1 个答案: