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();
}
ここで私が間違っていることについて誰かが私にアドバイスできますか?