當我嘗試在節點中運行函數時，為什么Onclick =“ function（）”顯示404？

Question

單擊提交按鈕時，我正在嘗試運行displayitor功能。 但是，在網頁上，單擊按鈕時會顯示404。 似乎無法弄清楚為什么這樣做。 我正在使用node.js。 玉快遞。

extends layout

block content
    h1= title
    div(id="rename", class="Name")
        form(id = "filename", method ="post")
            input(id="new_name", type ="text", placeholder="File Name")
            input(id="Okay", type="submit", value="Okay", onclick="displayeditor('editor', 'rename')")
    div(id="editor")
        |Welcome to the home pages
        |This is the first Paragraph
    script(src="javascripts/ace.js", type="text/javascript")
    script.
            var editor=ace.edit("editor")
    script(src="/jvm.js", type="text/javascript")
    script.
        function displayeditor(id, id2)
            document.getElementById(id).style.display = 'block';
            document.getElementById(id2).style.display = 'none';
            //document.getElementById(id3).style.display = 'none';

Answer 1

表單內的按鈕默認會在單擊時提交表單，使用e.preventDefault()或return false; 以防止這種行為。

Answer 2

嘗試如下重寫您的Jade文件。 這里有一些錯誤：

• 您的Javascript代碼必須是實際的Javascript-您需要括號/等。Jade不會替代您的JS代碼本身-只是HTML標記。
• 您的JS函數需要返回false；否則，您單擊的按鈕將觸發表單提交，這意味着您的用戶會將這些數據發布到您的服務器（我認為您不想要）。

這是工作代碼：

extends layout

block content
    h1= title
    div(id="rename", class="Name")
      form(id = "filename", method ="post")
        input(id="new_name", type ="text", placeholder="File Name")
        input(id="Okay", type="submit", value="Okay", onclick="displayeditor('editor', 'rename')")
    div(id="editor")
      |Welcome to the home pages
      |This is the first Paragraph
    script(src="javascripts/ace.js", type="text/javascript")
    script.
            var editor=ace.edit("editor");
    script(src="/jvm.js", type="text/javascript")
    script(type="text/javascript").
      function displayeditor(id, id2) {
        document.getElementById(id).style.display = 'block';
        document.getElementById(id2).style.display = 'none';
        return false;
      }