ພາສາເຈີບສິດ ສາຍເອັມໂອມ

  • ຫນ້າຫນັງກ່ອນ DOM HTML
  • ຫນ້າຫນັງ DOM CSS

JavaScript 表单验证

HTML 表单验证可以通过 JavaScript 完成。

如果表单域 (fname) 为空,该函数会提示一条消息,并返回 false,以防止表单被提交:

ຄວາມຍິງ JavaScript

function validateForm() {
  let x = document.forms["myForm"]["fname"].value;
  if (x == "") {
    alert("Name must be filled out");
    return false;
  }
}

提交表单时可以调用该函数:

HTML 表单实例

Name:

亲自试一试

JavaScript 可以验证数字输入

JavaScript 通常用于验证数字输入:

请输入 1 到 10 之间的数字:

亲自试一试

自动 HTML 表单验证

HTML 表单验证可以由浏览器自动执行:

如果表单字段 (fname) 为空,则 属性 属性会阻止提交此表单:

HTML 表单实例

亲自试一试

提示:自动 HTML 表单验证在 Internet Explorer 9 或更早版本中不起作用。

数据验证

数据验证是确保用户输入干净、正确和有用的过程。

典型的验证任务是:

  • 用户是否填写了所有必填字段?
  • 用户是否输入了有效日期?
  • 用户是否在数字字段中输入了文本?

ສ່ວນຫຼາຍການກວດກາຂໍ້ມູນແມ່ນເພື່ອຮັບປະກັນວ່າຄົນນຳໃຊ້ໄດ້ຂົນມູນທີ່ຖືກຕ້ອງ。

ການກວດກາສາມາດກໍານົດໂດຍຫນື່ງຫນື່ງທາງຫຼາຍຫນື່ງຫນື່ງ ແລະ ຈະຖືກຈັດຕັ້ງໂດຍຫນື່ງຫນື່ງທາງຫຼາຍຫນື່ງຫນື່ງ。

ການກວດກາທີ່ທະນາຄານແມ່ນການກວດກາໂດຍທະນາຄານເວັບໄຊຫຼັງຈະສົ່ງຂໍ້ມູນໄປຫາທະນາຄານ。

ກ່ອນຈະສົ່ງຂໍ້ມູນໄປຫາທະນາຄານເວັບໄຊ Web, ການກວດກາທີ່ໂດຍຄົນນຳໃຊ້ແມ່ນການກວດກາໂດຍບັນຊີເວັບໄຊ Web。

HTML ຄວາມກວດກາຄວາມຄິດວຽກ

HTML5 ນຳເອົາຄວາມກວດກາ HTML ໃໝ່ຫນື່ງໄປເມື່ອການກວດກາຄວາມຄິດວຽກກັບ HTML。

HTML 约束验证基于:

  • 约束验证 HTML input 属性
  • pattern
  • 约束验证 DOM 属性和方法

约束验证 HTML input 属性

属性 type
disabled 规定应禁用 input 元素。
max 规定 input 元素的最大值。
min HTML 约束验证基于:
DOM 属性ການກວດກາຄວາມຖືກຕ້ອງ HTML input 属性ການກວດກາຄວາມຖືກຕ້ອງ
属性 disabled
max min

ສຳລັບລາຍການທັງໝົດ ກະລຸນາເຂົ້າຫາ ຄວາມຍິງ HTML Input

pattern

required type
CSS ປະກອບປະເພດການກວດກາຄວາມຖືກຕ້ອງ ການເລືອກຕົວຊີ້
ການອະທິບາຍ :disabled
:invalid :optional
:required :required
:valid ເລືອກເຄື່ອງ input ທີ່ມີຄວາມຜົນງານທີ່ມີຫນື່ງ.

ສຳລັບລາຍການທັງໝົດ ກະລຸນາເຂົ້າຫາ CSS ປະກອບປະເພດ

  • ຫນ້າຫນັງກ່ອນ DOM HTML
  • ຫນ້າຫນັງ DOM CSS