《JavaScript高级程序设计（第3版）》第14章

var form = document.querySelector(‘#formId‘);
var form = document.forms["formName"];

<form id="formId" name="formName" action="test.php">
    <input type="text" name="test" value="test"/>
    <!--<button type="submit">Submit</button>-->
</form>
<script>
    var form = document.forms["formName"];

    form.onsubmit = function (e) {
        e.preventDefault();
    };

    // form.submit();

    // button:submit按钮会触发submit事件，因此在onsubmit处理函数中e.preventDefault()，可以阻止表单提交。
    // JavaScript代码中form.submit()不会触发submit事件，因此在本例中，不能阻止表单提交。
</script>

<form id="formId" name="formName" action="test.php">
    <input type="text" name="test" value="test"/>
    <button type="submit" name="submit">Submit</button>
</form>
<script>
    var form = document.forms[‘formName‘];
    form.addEventListener(‘submit‘, function (e) {
        var target = e.target;
        var btn = target.elements[‘submit‘];
        btn.disabled = true;
        e.preventDefault();
    },false);
</script>