Cách Xóa Trường Form Khi Submit Với JavaScript

Khi người dùng submit form trên website không tải lại trang hoặc chuyển hướng đến trang thành công, bạn thường muốn xóa các trường form. Cách làm với vanilla JavaScript:

1. HTML: Form đăng nhập

Form đăng nhập điển hình: người dùng nhập username, password, bấm nút Login (submit):

<form> <label for="username">Username:</label> <input type="text" id="username" /> <label for="password">Password:</label> <input type="password" id="password" /> <button>Login</button> </form>

2. JavaScript: Xóa trường form khi submit

Mã này xóa mọi trường trong form ngay khi user bấm submit:

// Chạy function khi event submit được đăng ký document.addEventListener("submit", function(event) { // Ngăn chặn submit mặc định event.preventDefault() // Xóa tất cả trường form event.target.reset() })