Computer >> Hướng Dẫn Máy Tính >  >> Lập Trình >> JavaScript

Cách submit form HTML bằng JavaScript

Gọi hàm validate() trong sự kiện onsubmit của form. Nếu validate trả về true thì submit, false thì hủy.

Ví dụ

<html>
  <head>
    <title>Submit Form JavaScript</title>
    <script>
      function validate() {
        if (document.myForm.Name.value == "") { alert("Nhập tên!"); document.myForm.Name.focus(); return false; }
        if (document.myForm.EMail.value == "") { alert("Nhập Email!"); document.myForm.EMail.focus(); return false; }
        if (document.myForm.Zip.value == "" || isNaN(document.myForm.Zip.value) || document.myForm.Zip.value.length != 5) { alert("ZIP 5 số!"); document.myForm.Zip.focus(); return false; }
        if (document.myForm.Country.value == "-1") { alert("Chọn quốc gia!"); return false; }
        return true;
      }
    </script>
  </head>
  <body>
    <form action="/cgi-bin/test.cgi" name="myForm" onsubmit="return validate()">
      <table cellspacing="2" cellpadding="2" border="1">
        <tr><td align="right">Tên</td><td><input type="text" name="Name"/></td></tr>
        <tr><td align="right">Email</td><td><input type="text" name="EMail"/></td></tr>
        <tr><td align="right">Mã ZIP</td><td><input type="text" name="Zip"/></td></tr>
        <tr><td align="right">Quốc gia</td><td>
          <select name="Country">
            <option value="-1" selected>[Chọn]</option>
            <option value="1">Canada</option>
            <option value="2">Sri Lanka</option>
            <option value="3">Mexico</option>
          </select></td></tr>
        <tr><td align="right"></td><td><input type="submit" value="Gửi"/></td></tr>
      </table>
    </form>
  </body>
</html>