Kích hoạt nhấp nút và tạo cảnh báo khi gửi biểu mẫu trong JavaScript

Giả sử sau là nút của chúng ta:

<button id="submitForm">Submit</button>

Dựa trên id nút, khi gửi biểu mẫu, tạo cảnh báo:

$("#submitForm").click(function() {
  alert("Biểu mẫu đã được gửi.");
});

Ví dụ

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
</head>
<body>
CollegeId=<input id="collegeId" type="text"><br />
CollegeName= <input id="collegeName" type="text"><br />
<button id="submitForm">Submit</button>
<script>
  $("#submitForm").click(function() {
    alert("Biểu mẫu đã được gửi.");
  });
</script>
</body>
</html>

Để chạy chương trình trên, lưu tệp với tên "anyName.html (index.html)" và nhấp chuột phải vào tệp. Chọn tùy chọn "Open with Live Server" trong trình soạn thảo VS Code.

Kết quả

Chương trình sẽ cho ra kết quả sau:

Sau khi nhấp nút, bạn có thể thấy kết quả sau: