1

TinyMCE エディターを備えた jQuery UI ダイアログ フォームがあります。Google Chrome および Internet Explorer 8 以降で問題なく動作します。

しかし、Firefox では、TinyMCE エディターでコンテンツを編集/変更し、送信ボタンをクリックしているときに、初めて TinyMCE エディターにページがフォーカスされます。そして、2回目に提出されます。

フォームの検証に 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