1

我有一个看起来像这样的 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 Explorer，但它并没有离开页面，只是摆脱了表单。这显然是设计使然，但奇怪的是我找不到对此功能的任何引用。

我的问题是：它为什么要这样做，我怎样才能阻止它，同时仍然保持我通过表单获得的免费验证？

4

1 回答 1

2

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

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

        // handle your form submission here

    });
},
于 2013-02-02T16:56:57.960 回答