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