使用 JavaScript 提交 Codemirror 数据无法正常工作

Question

如何避免在使用Codemirror 和使用JavaScript 提交表单时需要提交两次表单。发生的事情是，我在 Codemirror Textarea 中所做的任何更改都临时存储在另一个 Textarea 中（它没有名称或 ID）。如果我点击提交按钮两次，则会发送正确的数据，但我想避免点击它两次。这是我提交表单的源代码：

var ajax;
var formData = new FormData();
var fileUpload = false;
for (i = 0; i < e.elements.length; i++)
{
    if (e.elements[i].type == "submit")
    {
        if (submitname == e.elements[i].name)
        {
            if (submit != null && submit.disabled)
                submit.disabled = false;
            submit = e.elements[i];
            submit.disabled = true;
            formData.append(e.elements[i].name, e.elements[i].value);
        }
    }
    else if (e.elements[i].type == "radio" || e.elements[i].type == "checkbox")
    {
        if (e.elements[i].checked)
            formData.append(e.elements[i].name, e.elements[i].value);
    }
    else if (e.elements[i].type == "file")
    {
        abortButton.disabled = false;
        var file = document.getElementsByName("file")[0].files[0];
        var maxSize = 1024;
        var maxSizeBytes = 1048576 * maxSize;
        formData.append("archivo", file);
        fileUpload = true;
    }
    else
    {
        //alert(e.elements[i].type + e.elements[i].name + e.elements[i].class + e.elements[i].value);
        if (e.elements[i].name == 'code')
        {
            alert(e.elements[i].type + e.elements[i].name + e.elements[i].value + e.elements[i + 1].value);
            formData.append(e.elements[i].name, e.elements[i].value);
            //formData.append(e.elements[i].name, e.elements[i].value + e.elements[i + 1].value);
        }
        else
            formData.append(e.elements[i].name, e.elements[i].value);
    }
}
formData.append("javascript", "javascript");
status = e.elements[0].value.split('/').reverse()[0] + "-status";
ajax = new XMLHttpRequest();
if (!fileUpload)
{
    ajax.addEventListener("load", manageLoad, false);
    ajax.addEventListener("error", manageError, false);
}
else
{
    ajax.upload.addEventListener("progress", manageProgress, false);
    ajax.addEventListener("load", _manageLoad, false);
    ajax.addEventListener("error", _manageError, false);
    ajax.addEventListener("abort", _manageAbort, false);
    globalAjax = ajax;
}
ajax.open("POST", e.action);
ajax.send(formData);
return false;

注意。这行代码：if (e.elements[i].name == 'code')判断该元素为Codemirror Textarea

我正在寻找非jQuery 的解决方案。谢谢

Answer 1

您可能需要考虑使用 cm.getDoc().getValue() 而不是直接从 DOM 元素 (e.elements[i].value)) 中读取值。

(cm 是对随后实例化的 CodeMirror 对象的引用，如 var cm = CodeMirror(...))

使用 JavaScript 提交 Codemirror 数据无法正常工作

Submitting Codemirror data with JavaScript not working correctly

html

javascript

forms

codemirror