ພາສາເຈີບສິດ ສາຍເອັມໂອມ
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 表单实例
自动 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 ປະກອບປະເພດ。