JavaScript入门学习笔记（表单验证）

表单验证：

在数据被送到服务器之前对HTML表单中的输入数据进行验证，避免服务器频繁验证信息造成用户体验差。

（1）表单数据是否为空

（2）输入的信息格式是否正确

（3）输入数据的类型是否正确

必填（必选）项目验证：

判断输入是否为空。

function validateForm()
{
var x=document.forms["myForm"]["fname"].value;
if (x==null || x=="")
  {
  alert("First name must be filled out");
  return false;
  }
}

E-mail输入验证：

判断输入信息是否符合邮箱的格式，即必须包含“@”符号和“.”同时@不可以是首字符，@之后至少需要一个“.”

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("Not a valid e-mail address");
  return false;
  }
}