javascript - var document.getElementById ("title").value;问题

Question

您好，我有一个表单，但提交后，所有字段都是空白。我在这里做错了什么？

<form><p>
        Remind me about: <input type="text" id="title"><br>
        Where: <input type="text" id="where">
        Notes: <input type="text" id="notes"><br>
        Start Date and Time: <input type="datetime" id="startDate" placeholder="October 13, 1975 11:10:00">
        End Date and Time: <input type="datetime" id="endDate" placeholder="October 13, 1975 11:15:00"><br>
        <input type="submit" onclick="calendarDemoAdd(this.form)"></p>
      </form>

和 JavaScript:

var startDate = new Date(document.getElementById("startDate").value);
var endDate = new Date(document.getElementById("endDate").value);


var title = document.getElementById("title").value;
var where = document.getElementById("where").value;
var notes = document.getElementById("notes").value;

var calSuccess = function(message) { alert("Success: " + JSON.stringify(message)); };
var calError = function(message) { alert("Error: " + message); };
function calendarDemoAdd() {window.plugins.calendar.createEvent(title,
where,notes,startDate,endDate,calSuccess,calError);
}

Answer 1

您未能提供输入元素name属性。

只有带名称的控件才能成功。

可以(尽管它无法遵循 Progressive Enhancement 和 Unobtrusive JavaScript 的原则)取代 <form> 的数据收集和编码功能。与 JavaScript，但没有迹象表明你拥有的 JS 正在这样做。