Question

我有一个HTML5表单，如下所示：

        <form id="myData">
            <p>Email
            <input type="email" title="myEmail" id="email" required />
            </p> 

            <p>Some Text
            <input type="text" title="myText" id="text" required />
            </p>

            <button type="submit" id="submitButton">Submit</button>
        </form>

按提交按钮，然后使表单从屏幕上消失。我正在使用应用程序的导航模板，虽然查看DOM资源管理器，它不会离开页面，只是摆脱表单。这显然是设计的，但奇怪的是我找不到任何对此功能的引用。

我的问题是：为什么会这样做，我怎么能阻止它，同时仍然保持表格中的免费验证？

Answer 1

您可以处理表单提交的事件。致电preventDefault以阻止表单提交您尚未定义的表单action，然后处理提交。

ready: function (element, options) {
    document.getElementById("myData").addEventListener("submit", function (e) { 
        e.preventDefault(); 

        // handle your form submission here

    });
},

Windows 8 Store App中的HTML5表单

1 个答案: