input type=submit không hoạt động - JavaScript

Dùng onclick với input type="submit" hoặc button type="submit".

Ví dụ

Mã thực hiện:

<!DOCTYPE html> 
<html lang="en"> 
<head> 
  <meta charset="UTF-8"> 
  <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
  <title>Document</title> 
</head> 
<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> 
<body> 
  <form action="#"> 
    <label for="firstName">First Name:</label> 
    <input type="text" id="fName" name="firstName" placeholder="Enter your First Name" /> 
    <button type="submit" onclick="submitForm(event)">Submit</button> 
  </form> 
  <span id="result"></span> 
</body> 
<script> 
  var firstName = null; 
  function submitForm(evnt) { 
    evnt.preventDefault(); 
    firstName = document.getElementById("fName").value; 
    document.getElementById("result").innerHTML = "The First Name is=" + firstName; 
  } 
</script> 
</html>

Mở file bằng Live Server, nhập tên và nhấn Submit.

Kết quả

Hình ảnh minh họa form và kết quả hiển thị.