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

佚名 6年前 (2019-04-16) 随笔 1315人围观抢沙发百度已收录

表单验证：

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

（1）表单数据是否为空

SRE实战互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。

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