表单验证

发表于 分类于 ，

验证名字是否为空

1
2
3
4
if (x == null || x == "") {
    alert("需要输入名字。");
     return false;
}

如果输入的值 x 不是数字或者小于 1 或者大于 10，则提示错误 Not a Number or less than one or greater than 10

1
2
3
4
5
if (isNaN(x) || x < 1 || x > 10) {
    text = "输入错误";
} else {
    text = "输入正确";
}

E-mail 验证

输入的数据必须包含 @ 符号和点号(.)。同时，@ 不可以是邮件地址的首字符，并且 @ 之后需有至少一个点号：

1
2
3
4
5
6
7
8
9
function validateForm(){
  var x=document.forms["myForm"]["email"].value;
  var atpos=x.indexOf("@");
  var dotpos=x.lastIndexOf(".");
  if (atpos<1 || dotpos<atpos+2 || dotpos+2>=x.length){
    alert("不是一个有效的 e-mail 地址");
    return false;
  }
}

数据验证
数据验证用于确保用户输入的数据是有效的。

典型的数据验证有：

必需字段是否有输入?
用户是否输入了合法的数据?
在数字字段是否输入了文本?
大多数情况下，数据验证用于确保用户正确输入数据。

数据验证可以使用不同方法来定义，并通过多种方式来调用。

服务端数据验证是在数据提交到服务器上后再验证。

客户端数据验证 side validation 是在数据发送到服务器前，在浏览器上完成验证。