如何使用 JSFiddle（JavaScript、HTML、Firebase）？

Question

我想使用 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，我缺少什么？

Answer 1

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

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

如何使用 JSFiddle（JavaScript、HTML、Firebase）？

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

javascript

firebase

jsfiddle