JS表格前端验证

JS对表格验证分为前端验证和后端验证，前端验证比较容易理解。后端验证就是通过input发送过来的ajax，php通过判断post的值来做出反应。

1：检查input 字段是否为空

你可以用Input的value元素来检查：

const myInput = document.getElementById("myInput");
if (myInput.value === "") {
  // input is empty
}

2：检查是否符合正确的正则表达式规格，可以适用手机验证，身份证验证和邮箱验证。

const myInput = document.getElementById("myInput");
const emailRegex = /\S+@\S+\.\S+/;
if (!emailRegex.test(myInput.value)) {
  // input is not a valid email address
}

3：检查Input字段是否包含数值。 用isNaN函数

const myInput = document.getElementById("myInput");
if (isNaN(myInput.value)) {
  // input is not a number
}

4：检查checkbox是否checked

const myCheckbox = document.getElementById("myCheckbox");
if (!myCheckbox.checked) {
  // checkbox is not checked
}

5：检查input字段是否不等于某个值

const myInput = document.getElementById("myInput");
if (myInput.value !== "example") {
  // input value is not equal to "example"
}