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"
}

Check Also

获取input的keyup或者input状态只获取一次值避免无限重复值

$(document).rea …

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注