如何使用 JSFiddle(JavaScript、HTML、Firebase)?

How to use JSFiddle (JavaScript, HTML, Firebase)?

我想使用 JSFiddle 来更轻松地通过 Whosebug 提供帮助。

我尝试添加以下代码:

<form method='post' action='' onsubmit="return onFormSubmitted()">
    <input type='text' name='Leerling' id='Leerling'>
    <input type='text' name='Opmerking' id='Opmerking'>
    <input type='submit' name='submit' value='Send'>
</form>

使用此 JavaScript 代码:

function onFormSubmitted()
{
    event.preventDefault();

    var ref = new Firebase("https://mydatabase.firebaseio.com/");
    var _leerling = document.getElementById("Leerling").value;
    var _opmerking = document.getElementById("Opmerking").value;

    var postsRef = ref.child("opmerkingen");
    var newPostRef = postsRef.push({
        leerling: _leerling,
        opmerking: _opmerking
    });

    var postID = newPostRef.key();
    var leerlingRef = ref.child("leerling").child(_leerling);

    leerlingRef.once('value', function(snapshot) {

        if( snapshot.val() === null ) {
            /* does not exist */

            var leerlingNummer = _leerling.substring(0,6).trim();
            ref.child("leerling").child(leerlingNummer).set({
                    "naam": _leerling.substring(7,33).trim(),
                    "klas": _leerling.substring(34,38)
            })
            ref.child("leerling").child(leerlingNummer).child("opmerkingen").push({
                "opmID": postID
            })

        } else {
            var leerlingPostRef = snapshot.ref().child("opmerkingen");
            leerlingPostRef.push({"opmID": postID});
        }
    });
}

我添加了这个外部库:https://cdn.firebase.com/js/client/2.2.1/firebase.js

首先:结束标记在编辑器中标记为红色。 此外,当 运行 它为 2 个字段输入值并单击发送时,我收到以下消息:

{"error": "Shell form does not validate{'html_initial_name': u'initial-js_lib', 'form': , 'html_name': 'js_lib', 'html_initial_id': u'initial-id_js_lib', 'label': u'Js lib', 'field': , 'help_text': '', 'name': 'js_lib'}{'html_initial_name': u'initial-js_wrap', 'form': , 'html_name': 'js_wrap', 'html_initial_id': u'initial-id_js_wrap', 'label': u'Js wrap', 'field': , 'help_text': '', 'name': 'js_wrap'}"}

虽然这段代码实际上运行良好。关于如何使用 JSFiddle,我缺少什么?

对于结束标签,JSFiddle 寻找格式正确的 HTML 文档,在您的情况下不是,因为标签没有关闭,这就是标签有错误结束标签的原因,请尝试关闭输入标签,应该可以解决:

    <input type='text' name='Leerling' id='Leerling' />