<HTML>
<HEAD>
< LANGUAGE=\" \">
function validatePersonalInfo(){<!-- w ww. j a va 2s . c o m-->
var _first = document.info.fname.value;
var _last = document.info.lname.value;
var _street = document.info.street.value;
var _city = document.info.city.value;
var _zip = document.info.zip.value;
var _phone = document.info.phone.value;
var _email = document.info.email.value;
if(_first.toString() == \"\"){console.log(\"Please enter a first name.\");}
if(_last.toString() == \"\"){console.log(\"Please enter a last name.\");}
if(_street.toString() == \"\"){console.log(\"Please enter your street name.\");}
if(_city.toString() == \"\"){console.log(\"Please enter your city.\");}
if(_zip.toString() == \"\"){console.log(\"Please enter your zip.\");}
if(_phone.toString() == \"\"){console.log(\"Please enter your phone number.\");}
if(_email.toString() == \"\"){console.log(\"Please enter your email.\");}
var checkZip = checkNum(5);
var phoneInput = document.info.phone.value;
var validPhone = false;
var validZip = false;
if(checkZip == true){
validZip = true;
}
else{
console.log(\"Invalid Zip Code\" + validZip);
}
if(!checkPhone(phoneInput)){
console.log(\"Phone number is invalid.\" + validPhone);
}
else{
validPhone = true;
}
if(validZip && validPhone){
console.log(\"Your form has been verified\");
}
}
// Strips hyphens out of phone number and verifies that
// phone number is valid. Any phone number in the format
// xxxxxxxxxx, xxx-xxx-xxxx, or (xxx)xxx-xxxx will be valid
function checkPhone(str){
var regexp = /^(\\d{10}|\\d{3}-\\d{3}-\\d{4}|\\(\\d{3}\\)\\d{3}-\\d{4})$/;
return regexp.test(str);
}
function checkNum(length){
var zipEntry = document.info.zip.value;
var zipNum = parseInt(zipEntry, 10);
if (document.info.zip.value.length == length){
if(zipNum != 0 && isNaN(zipNum) == false){
return true;
}
else {
return false;
}
}
else {
return false;
}
}
</ >
</HEAD>
<BODY>
<FORM NAME=\"info\" ACTION=\"\" METHOD=\"post\">
<TABLE>
<TR><TD ALIGN=\"left\">First Name:</TD>
<TD ALIGN=\"left\">
<INPUT TYPE=\"text\" NAME=\"fname\" SIZE=15>
Last Name:
<INPUT TYPE=\"text\" NAME=\"lname\" SIZE=20>
</TD>
</TR>
<BR>
<TR><TD ALIGN=\"left\">Street:</TD>
<TD ALIGN=\"left\">
<INPUT TYPE=\"text\" NAME=\"street\" SIZE=30></TD>
</TR>
<BR>
<TR>
<TD ALIGN=\"left\">City:</TD>
<TD ALIGN=\"left\">
<INPUT TYPE=\"text\" NAME=\"city\" SIZE=15>
State:
<SELECT NAME=\"state\">
<OPTION value=AL>AL
<OPTION value=AK>AK
<OPTION value=AZ>AZ
</SELECT>
Zip:
<INPUT TYPE=\"text\" NAME=\"zip\" SIZE=7>
</TD>
</TR>
<BR>
<TR><TD ALIGN=\"left\">Phone (w/area code):</TD>
<TD ALIGN=\"left\">
<INPUT TYPE=\"text\" NAME=\"phone\" SIZE=20></TD>
</TR>
<BR>
<TR><TD ALIGN=\"left\">Email:</TD>
<TD ALIGN=\"left\">
<INPUT TYPE=\"text\" NAME=\"email\" SIZE=20></TD>
</TR>
<BR>
</TABLE>
<INPUT TYPE=\"button\" VALUE=\"Submit\" =\"validatePersonalInfo()\">
</FORM>
</BODY>
</HTML>
简单讲一下js语法：
document.info.fname.value
这个js表示获取name为info表单里面name是fname的input的值。
其他方法类似。
你可以将代码复制到这里运行一把
继续阅读与本文标签相同的文章
上一篇 :
Java开发数据库设计的14个技巧
下一篇 :
微服务架构下数据一致性最佳实践
-
PS保存图片提示“无法完成请求”，这里有4种解决方法！
2026-05-14栏目： 教程
-
想买1000元左右的5G手机？我们需要等多久？
2026-05-14栏目： 教程
-
剧情反转？美企主动购买华为5G技术，华为成赞赏排行榜第一名！
2026-05-14栏目： 教程
-
城市数字化后，新一代内生安全系统可全方位保护
2026-05-14栏目： 教程
-
谷歌也来“唱衰”5G，5G手机只会徒增功耗？为何这么说？
2026-05-14栏目： 教程