Web前端开发：用JavaScript阻止表单提交

// 方法1：事件对象的preventDefault()
document.getElementById('myForm').addEventListener('submit', function(e) {
    e.preventDefault();
    // 表单验证逻辑
    if (!validateForm()) {
        return; // 验证失败不提交
    }
    // 验证通过后的处理
});

// 方法2：return false
<form onsubmit="return validateForm()">
    <input type="text" required>
    <button type="submit">提交</button>
</form>

<script>
function validateForm() {
    // 验证逻辑
    if (/* 验证失败 */) {
        return false; // 阻止提交
    }
    return true; // 允许提交
}
</script>

function ContactForm() {
    const handleSubmit = (e) => {
        e.preventDefault();
        // 处理表单数据
    };
    return (
        <form onSubmit={handleSubmit}>
            <input type="email" name="email" />
            <button type="submit">发送</button>
        </form>
    );
}